• JavaScript学习03 JS函数


    JavaScript学习03 JS函数

      函数就是包裹在花括号中的代码块,前面使用了关键词function

    function functionName()
    {
        这里是要执行的代码
    }

    函数参数

      函数的参数可以任意多个,不用声明变量类型,只用给出变量名:

    function myFunction(name, job)
    {
        这里是要执行的代码
    }

    函数返回值

      在函数中使用return语句,函数会停止执行,返回调用它的地方。

      函数的返回值也不用声明类型,直接返回即可。

    function myFunction()
    {
        var x=5;
        return x;
    }

      上面的函数会返回返回值5。

      注:整个 JavaScript 并不会停止执行,仅仅是函数。

      JavaScript 将继续执行代码,从调用函数的地方。

      函数调用将被返回值取代:

    var myVar=myFunction();

      仅仅希望退出函数时 ,也可使用 return 语句。

      返回值是可选的:

    复制代码
    function myFunction(a,b)
    {
        if (a>b)
        {
          return;
        }
        x=a+b;
    }
    复制代码

      当a大于b时不再往下执行,而是直接返回。

    局部变量

      关于局部变量和全局变量这里再重复说一遍吧。

      在 JavaScript 函数内部声明的变量(使用var)是局部变量,所以只能在函数内部访问它。(该变量的作用域是局部的)。

      可以在不同的函数中使用名称相同的局部变量,因为只有声明过该变量的函数才能识别出该变量。

      只要函数运行完毕,本地变量就会被删除。

      全局变量

      在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它。

     

      注意:向未声明的 JavaScript 变量来分配值:

      如果您把值赋给尚未声明的变量,该变量将被自动作为全局变量声明。

      这条语句:

    carname="Volvo";

      将声明一个全局变量carname,即使它在函数内执行。

     

    函数实例

    复制代码
    <body>
        <script type="text/javascript">
            function member(name, job) //类比Java的构造函数,JS是没有类的概念的
            {
                this.name = name;
                this.job = job;
            }
    
            function showProperty(obj, objString) {
                var str = "";
                for ( var i in obj) {
                    //遍历对象中的每一个属性 
                    str += objString + "." + i + "=" + obj[i] + "<br/>";
                    //i表示属性
                    //obj[i]表示该属性的值
                }
                return str;
            }
    
            var obj = new member("刘德华", "艺人");//建立对象实例
    
            document.writeln(showProperty(obj, "person"));
        </script>
    </body>
    复制代码

    输出:

    person.name=刘德华
    person.job=艺人

    参考资料

      圣思园张龙老师Java Web视频教程。

      W3School JavaScript教程:http://www.w3school.com.cn/js/index.asp

      英文版:http://www.w3schools.com/js/default.asp

  • 相关阅读:
    前端必须掌握的 docker 技能(2)
    前端必须掌握的 docker 技能(1)
    异步 map 和模块打包
    import 和组件库按需引入
    babel-node 和 nodemon
    linux和mac 终端代理
    yarn.lock 是干什么的
    pwa 总结
    设计模式(5): vue 不监听绑定的变量
    django+celery+redis应用
  • 原文地址:https://www.cnblogs.com/liu-Gray/p/4813286.html
Copyright © 2020-2023  润新知