js函数
1.arguments对象
1 在函数代码中,使用特殊对象 arguments,开发者无需明确指出参数名,就能访问它们。 2 function sayHi() { 3 console.log(arguments) 4 if (arguments[0] == "bye") { 5 return; 6 } 7 alert(arguments[0]); 8 } 9 sayHi('bye','hi'); 10 arguments[0]对应的第一个参数,依次类推arguments[1]对应的第二个参数'hi'。 11 还可以用 arguments 对象检测函数的参数个数,引用属性rguments.length 即可。
2.Function 对象
1 function doAdd(iNum) { 2 alert(iNum + 20); 3 } 4 function doAdd(iNum) { 5 alert(iNum + 10); 6 } 7 doAdd(10); //输出 "20 8 doAdd 的值被改成了指向不同对象的指针。函数名只是指向函数对象的引用值,行为就像其他对象一样。 9 var doAdd = new Function("iNum", "alert(iNum + 10)"); 10 var alsodoAdd = doAdd; 11 doAdd(10); //输出 "20" 12 alsodoAdd(10); //输出 "20" 13 两个变量指向同一个函数,变量 doAdd 被定义为函数,然后 alsodoAdd 被声明为指向同一个函数的指针。用这两个变量都可以执行该函数的代码,并输出相同的结果 - "20"。
3.闭包
1 function count() { 2 var arr = []; 3 var i = 1; 4 for (i; i <= 3; i++) { 5 arr.push(function () { 6 return i * i; 7 }); 8 } 9 console.log(i) //4 10 return arr; 11 } 12 var results = count(); 13 var f1 = results[0]; 14 var f2 = results[1]; 15 var f3 = results[2]; 16 console.log(f1()) //16 17 console.log(f2()) //16 18 console.log(f3()) //16 19 返回的函数在其定义内部引用了局部变量arr,所以,当一个函数返回了一个函数后,其内部的局部变量还被新函数引用。返回的函数并没有立刻执行,而是直到调用了f()才执行。在上面的例子中,每次循环,都创建了一个新的函数,然后,把创建的3个函数都添加到一个Array中返回了。你可能认为调用f1(),f2()和f3()结果应该是1,4,9,但实际结果是:全部都是16!原因就在于返回的函数引用了变量i,但它并非立刻执行。等到3个函数都返回时,它们所引用的变量i已经变成了4,因此最终结果为16。 20 返回闭包时牢记的一点就是:返回函数不要引用任何循环变量,或者后续会发生变化的变量。 21 如果一定要引用循环变量怎么办?方法是再创建一个函数,用该函数的参数绑定循环变量当前的值,无论该循环变量后续如何更改,已绑定到函数参数的值不变: 22 function count() { 23 var arr = []; 24 var i = 1; 25 for (i; i<=3; i++) { 26 arr.push((function (n) { 27 return function () { 28 return n * n; 29 } 30 })(i)); //立即执行函数,也就是直接得出结果 31 } 32 console.log(i) //4 33 return arr; 34 } 35 var results = count(); 36 var f1 = results[0]; 37 var f2 = results[1]; 38 var f3 = results[2]; 39 console.log(f1()) //1 40 console.log(f2()) //4 41 console.log(f3()) //9
1 闭包实现计数器: 2 function create_counter(initial) { 3 var x = initial || 0; 4 return { 5 inc: function () { 6 x += 1; 7 return x; 8 } 9 } 10 } 11 var c1 = create_counter(); 12 c1.inc(); // 1 13 c1.inc(); // 2 14 c1.inc(); // 3