JavaScript基础知识-三种定义函数的定义方式

　　　　　　　　　　　　　JavaScript基础知识-三种定义函数的定义方式

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　作者：尹正杰

版权声明：原创作品，谢绝转载！否则将追究法律责任。

 

 

一.JavaScript源代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS的三种函数定义方式</title>
</head>

    <script type="text/javascript">
        /**
         *  函数(function)的特点:
         *      (1)函数也是一个对象，函数可以封装一些功能(代码)，在需要时可以执行这些功能(代码)。
         *      (2)使用函数可以提高代码的复用性;
         *      (3)可以降低维护成本(假设你在一个项目中有10个文件中使用的相同的代码，使用函数的话仅对该函数维护即可);
         */


        /**
         *  下面使用的是构造函数来创建一个函数对象，我们可以将要执行的代码以字符串的形式封装在函数的构造方法中。
         *  遗憾的是，我们在生产环境中，很少使用这种方式来构造函数，而是使用函数声明的方式来定义函数。
         */
        var add = new Function("console.log('Hello World!');");
        console.log(add);
        console.log(typeof add);  // 使用typeof检查一个函数对象时，会返回"function"
        add();  //封装在函数中的代码不会立即执行，函数的代码会在调用的时候执行(所谓的调用就是在函数名后面加上小括号即可)。

        /**
         *  使用函数表达式来创建一个函数,语法格式为:
         *      var 函数名 = function([形参1,形参2,...形参N]){
         *          代码块...
         *      }
         */
        var add2 = function () {
            console.log("In add2")
        }
        console.log(add2);
        add2();  //调用函数

        /**
         *  使用函数声明来创建一个函数对象，语法格式为:
         *      function 函数名称([形参1,形参2,...形参N]){
         *          代码块...
         *      }
         */
        function add3() {
            console.log("In add3 ...");
            document.write("In add3 ...");
            // alert("In add2 ...");
        }
        console.log(add3);
        add3();  //调用函数

    </script>
<body>

</body>
</html>

 

二.浏览器打开以上代码渲染结果

 

posted @ 2020-02-20 23:05  尹正杰  阅读(414)  评论(0)  编辑  收藏  举报