javascript 利用arguments实现可变长参数
javascriptarguments解释,实现可变长参数。
在C#中,有可变长参数params[],但是在js中,如何实现这种可变参数呢?
一、可变长参数
arguments是非常好的解决方法,一直不知道javascript有这个东西。
先来看看应用场景,使用arguments传入任意个数的参数到js函数里的写法。
functionTest(){ console.log(arguments[0]); console.log(arguments[1]); console.log(arguments[2]); }; Test(1,2,3);
输出123;
当然,你也可以在javascript函数里放一个数组,但是它是固定长度的。
二、不要直接修改arguments对象
arguments对象类似于数组,但实际上它也并不是数组,使用call方法,可能将数组的shift函数用到它身上,但是尽量不要尝试去改动arguments。很容易造成混乱。
如果确实要修改,可以将arguments的内容复制到一个新数组上,然后在新数组上进行修改。
varargs=[].slice.call(arguments);
用变量绑定arguments,实现跨函数访问
arguments变量是被隐式绑定到每个函数体内的,注意是每一个函数内部。
一个迭代器的例子能够说明这个问题;
functionvalues(){ //values有自己的arguments vari=0,n=arguments.length; return{ hasNext:function(){ returni<n;//hasNext有自己的arguments }, next:function(){ if(i>=n) { thrownewError("已经是最后一个元素!"); } returnarguments[i++];//next有自己的arguments } } } varit=values(1,2,3,4,5,6,7); console.log(it.next());//undefined console.log(it.next());//undefined console.log(it.next());//undefined
如果要访问外层函数的arguments,那么只能通过局部变量绑定的方式,在内层就能够访问,上面的例子可以改造成
functionvalues(){ //values有自己的arguments vari=0,n=arguments.length,ourterArgs=arguments; return{ hasNext:function(){ returni<n;//hasNext有自己的arguments }, next:function(){ if(i>=n) { thrownewError("已经是最后一个元素!"); } returnourterArgs[i++];//ourterArgs外层保存的arguments } } } varit=values(1,2,3,4,5,6,7); console.log(it.next());//1 console.log(it.next());//2 console.log(it.next());//3
以上所述是本文的全部内容,希望对大家有所帮助,谢谢对毛票票的支持!