JavaScript(2)：函数 

 1 <!DOCTYPE html>
 2 <html>
 3     <body>
 4         <p>JavaScript 函数</p>
 5         <script>
 6             // 函数声明
 7             function myFunction(a, b) { return a * b;}
 8             console.log(myFunction(2, 6));
 9             // 函数表达式(匿名函数)
10             var demo1 = function(a, b) {return a * b;};
11             console.log(demo1(2, 5));
12             // Function()构造函数 [F大写！]
13             var demo2 = new Function("a", "b", "return a * b");
14             console.log(demo2(2, 4));
15             // 自调用函数(匿名自我调用的函数) [添加两对括号！]
16             (function() {
17                 console.log("Call myself.");
18             })();
19 
20             // 函数是对象
21             // 使用 typeof 操作符判断函数类型将返回 "function"
22             console.log(typeof demo1 == 'function');
23             // toString() 方法将函数作为一个字符串返回
24             console.log(demo1.toString());
25 
26             // Arguments对象
27             // [例1]获取最大值
28             function myMax() {
29                 var i, max = arguments[0];
30                 if(arguments.length < 2) return max;
31                 for(i = 1; i < arguments.length; i++){
32                     if(arguments[i] > max) max = arguments[i];
33                 }
34                 return max;
35             }
36             console.log(myMax(1, 3, 9, 5, 7));
37             // [例2]统计所有数值的和
38             function mySum() {
39                 var i, sum = 0;
40                 for(i = 0; i < arguments.length; i++) sum += (arguments[i] = arguments[i] || 0);
41                 return sum;
42             }
43             var undef;
44             console.log(mySum(1, 3, 5, 7, 9, null, undef));
45 
46             // 函数作为方法调用
47             var myObject = {
48                 firstName: "Frank",
49                 lastName: "Liu",
50                 fullName: function() { return this.firstName + " " + this.lastName; }
51             }
52             console.log(myObject.fullName());
53 
54             // 构造函数调用函数
55             function demo3(arg1, arg2) {
56                 this.firstName = arg1;
57                 this.lastName  = arg2;
58             }
59             var demo4 = new demo3("Frank", "Liu");
60             console.log(demo4.firstName);
61 
62             // call()和apply()是预定义的函数方法。 两个方法可用于调用函数，两个方法的第一个参数必须是对象本身
63             // call则作为call的参数传入（从第二个参数开始）
64             var demo5 = myMax.call(demo5, 3, 1, 5 ,2);
65             console.log(demo5);
66             //  apply传入的是一个参数数组，也就是将多个参数组合成为一个数组传入
67             var demo6 = myMax.apply(demo6, [3, 1, 6 ,2]);
68             console.log(demo6);
69 
70             // JavaScript闭包
71             // 函数的特别之处在于可以创建一个独立的作用域，最内层的函数使用了counter变量，所以counter不会被销毁
72             var add = (function() {
73                 var counter = 0;
74                 return function() { return counter += 1; };
75             })();
76             console.log("Loop1: " + add()); // 1
77             console.log("Loop2: " + add()); // 2
78             console.log("Loop3: " + add()); // 3
79         </script>
80     </body>
81 </html>

 

posted @ 2017-09-11 22:27  Storm_L  阅读(151)  评论(0)    收藏  举报