Javascript我学之二函数定义

本文是金旭亮老师网易云课堂的课程笔记，记录下来，以供备忘

函数

几个要点：

                a).函数是javascript中的一等公民 (重要性)

                b).函数是一个对象

                c).函数定义了一个独立的变量作用域

定义方式

a)命名函数:

          除非在另一个函数内部定义，否则，命名函数是全局的。

                 // 全局的命名函数
         function add(x, y) {
             return x + y;
         }
         console.info(add(, ));   //

b)匿名函数:

匿名函数通常赋值给一个变量，再通过变量调用。

        var func = function (x, y) {
            return x + y;
        }
        console.info(func(5, 2)); //

匿名函数适用于以下这种 “立即执行的匿名函数” 的情况:

        console.info(
            function (x, y) {
                        return x + y;
                    }(100, 200)   //立即调用
                );

C)定义方式影响代码执行效果

                命名函数可以先使用，再定义

        console.info(sum(10, 10));
        function sum(num1, num2) {
            return num1 + num2;
        }

匿名函数必须先定义，再使用

        //console.info(sumFunc(10, 10));    //Uncaught TypeError: Property 'sumFunc' of object [object Object] is not a function
        var sumFunc = function (num1, num2) {
            return num1 + num2;
        };
        console.info(sumFunc(10, 10));

函数返回值:

用return 生成返回值.如没有return ，则函数返回undefined

         function func() {
         }
         console.info(func()); //undefined
         function func2() {
             return;  //空的返回语句
         }
         console.info(func2()); //undefined

return里藏着的坑：

             var func = function (x, y) {
                 var  sum = x + y;
                 return {
                     value : sum
                 }
             }

这么写没有问题:   调用 func(5,5)    返回的是 Object {value: 10}

然而:

         var func = function (x, y) {
             var sum = x + y;
             return
             {
                 value: sum
             };
         }
         console.info(func(5,5)); //undefined

                   return 后面跟着个回车换行的话，

                   调用 func(5,5)    显示的是 undefined

                   编辑器帮我们在return后加了个分号;   然而在这情况下并没有什么卵用。

 

函数即对象:

         function add(x, y) {
             return x + y;
         }
         console.info(add(100, 200));  //
         var other = add;  //other和add引用同一函数对象
         console.info(other(300, 400)); //
         console.info(typeof other);   //function
         console.info(add === other);  //true

嵌套定义的函数:

                  在函数内部，可以定义另一个函数。

         function outerFunc(a, b) {
             function innerFunc(x) {
                 return x * x;
             }
             return Math.sqrt(innerFunc(a) + innerFunc(b));
         }
         console.info(outerFunc(3, 4));  //

访问外部变量：

             内部函数可以访问外部的变量与参数。

 1         var globalStr = 'globalStr';
         function outerFunc2(argu) {
             var localVar = 100;
             function innerFunc2() {
                 localVar++;
                 console.info(argu + ":" + localVar + ":" + globalStr);
             }
             innerFunc2(); //hello:101:globalStr
         }
         outerFunc2("hello");

返回函数的函数：

因为函数是对象，所以可以作为返回值。

             function outerFunc(x) {
                 var y = 100;
                 return function innerFunc() {
                     console.info(x + y);
                 }
             }
             outerFunc(10)();  //