JavaScript(2)：函数

 <!DOCTYPE html>
 <html>
     <body>
         <p>JavaScript 函数</p>
         <script>
             // 函数声明
             function myFunction(a, b) { return a * b;}
             console.log(myFunction(2, 6));
             // 函数表达式(匿名函数)
             var demo1 = function(a, b) {return a * b;};
             console.log(demo1(2, 5));
             // Function()构造函数 [F大写！]
             var demo2 = new Function("a", "b", "return a * b");
             console.log(demo2(2, 4));
             // 自调用函数(匿名自我调用的函数) [添加两对括号！]
             (function() {
                 console.log("Call myself.");
             })();             // 函数是对象
             // 使用 typeof 操作符判断函数类型将返回 "function"
             console.log(typeof demo1 == 'function');
             // toString() 方法将函数作为一个字符串返回
             console.log(demo1.toString());             // Arguments对象
             // [例1]获取最大值
             function myMax() {
                 var i, max = arguments[0];
                 if(arguments.length < 2) return max;
                 for(i = 1; i < arguments.length; i++){
                     if(arguments[i] > max) max = arguments[i];
                 }
                 return max;
             }
             console.log(myMax(1, 3, 9, 5, 7));
             // [例2]统计所有数值的和
             function mySum() {
                 var i, sum = 0;
                 for(i = 0; i < arguments.length; i++) sum += (arguments[i] = arguments[i] || 0);
                 return sum;
             }
             var undef;
             console.log(mySum(1, 3, 5, 7, 9, null, undef));             // 函数作为方法调用
             var myObject = {
                 firstName: "Frank",
                 lastName: "Liu",
                 fullName: function() { return this.firstName + " " + this.lastName; }
             }
             console.log(myObject.fullName());             // 构造函数调用函数
             function demo3(arg1, arg2) {
                 this.firstName = arg1;
                 this.lastName  = arg2;
             }
             var demo4 = new demo3("Frank", "Liu");
             console.log(demo4.firstName);             // call()和apply()是预定义的函数方法。 两个方法可用于调用函数，两个方法的第一个参数必须是对象本身
             // call则作为call的参数传入（从第二个参数开始）
             var demo5 = myMax.call(demo5, 3, 1, 5 ,2);
             console.log(demo5);
             //  apply传入的是一个参数数组，也就是将多个参数组合成为一个数组传入
             var demo6 = myMax.apply(demo6, [3, 1, 6 ,2]);
             console.log(demo6);             // JavaScript闭包
             // 函数的特别之处在于可以创建一个独立的作用域，最内层的函数使用了counter变量，所以counter不会被销毁
             var add = (function() {
                 var counter = 0;
                 return function() { return counter += 1; };
             })();
             console.log("Loop1: " + add()); // 1
             console.log("Loop2: " + add()); // 2
             console.log("Loop3: " + add()); // 3
         </script>
     </body>
 </html>
个人收藏笔记记录

开通VIP
