深入解析JavaScript中的arguments对象
arguments定义
所有的函数都有一个自己的arguments对象,用来储存它实际接受到的参数,而不局限于函数声明时所定义的参数列表。它不是数组却类似数组,具有数组一样的访问性质及方式,可以由arguments[n]来访问对应的单个参数的值,并拥有数组长度属性length。但是却不具有数组的一些方法。可以通过call把arguments转化成真正的数组,然后进行数组的操作。
varargs=Array.prototype.slice.call(arguments);
类数组
1.判断ARGUMENTS是不是数组
alert(argumentsinstanceofArray); alert(argumentsinstanceofObject);
2.如何严格的判断一个数据是数组(ARRAY)类的实例
functionisArray(value){ if(typeofArray.isArray==="function"){ returnArray.isArray(value); }else{ returnObject.prototype.toString.call(value)==="[objectArray]"; } }
3.把ARGUMENTS转换成数组
方法一:内置的类型可以通过prototype找到内置的属性方法,Array.prototype.slice就是访问Array的内置方法slice。通过slice方法,返回一个数组。call是调用一个对象的方法,以另外一个对象替换当前对象。
vararg=Array.prototype.slice.call(arguments,0);
方法二:比方法一性能要差一点,因为它是先创建一个数组,然后再进行的
vararg=[].slice.call(arguments,0);
方法三:通过循环转变成数组
functiontoArray(arguments){ vara=[]; for(vari=0;i<arguments.length;i++){ a.unshift(arguments.[i]); } returna; }
caller
当一个函数被另一个函数调用的时候,被调用的函数会自动生成一个caller属性,指向调用它的函数对象,如果函数未被调用,则caller为null。
functiontestCaller(){ varcaller=testCaller.caller; alert(caller); } functionaCaller(){ testCaller(); } aCaller();
弹出的是函数aCaller的内容。
arguments.callee
arguments.callee指向正在运行的函数自身,返回正被执行的Function对象,也就是所指定的Function对象的正文。
注意:arguments.length是实参长度,arguments.callee.length是形参长度,通常用来判断形参与实参长度是否一致
通过arguments获得函数的实参,通过arguments.callee获得函数的形参。
在闭包中应用的也比较广泛。
vari=0; functionb(num){ if(num<10){ num++; i++; //如果有参数,callee也要把参数带上; arguments.callee(num); }else{ //输出2次 alert("调用了"+i+"次callee!"); } } b(8); Arguments.callee在闭包中的应用,它提供了一种递归调调用的功能。 //用arguments.callee计算10的阶乘,例如:1×2×3×4×5×6×7.... functionc(x){ returnx>1?x*arguments.callee(x-1):1 }(10); //输出6 alert(c(3)); //输出3628800 alert(c(10));
例:callee求1-n的和
functionfn(n){ if(n==1)returnn; elsereturnn+arguments.callee(n-1); }
它可以让一个匿名函数自己调用自己
例:
functionlist(type){ varresult="<"+type+"l><li>"; varargs=Array.prototype.slice.call(arguments,1); result+=args.join("</li><li>"); result+="</li></"+type+"l>"; returnresult; } varlistHtml=list("o","one","two"); console.log(listHtml);
例2:面试题:下面的console.log结果是[1,2,3,4]的是?
functionfoo(x){ console.log(arguments); returnx; } foo(1,2,3,4); functionfoo(x){ console.log(arguments); returnx; }(1,2,3,4)
在预解释的时候,functionfn(){}(1);会被分开处理,分成两个函数,第一个是functionfn(){},而第二个则为匿名函数:(1)。如果第二个不带参数,就会报错,但是上面的函数包含在一个()里面,则是正确的。
(functionfn(){ console.log(arguments); }(1,2,3,4)); (functionfoo(x){ console.log(arguments); returnx; })(1,2,3,4) functionfoo(){ bar.apply(null,arguments); } functionbar(x){ console.log(arguments); } foo(1,2,3,4);