在C#中,有可变长参数params[],可是在js中,如何实现这种可变参数呢?javascript
arguments是很是好的解决方法,一直不知道javascript有这个东西。html
先来看看应用场景,使用arguments传入任意个数的参数到js函数里的写法。java
function Test() { console.log(arguments[0]); console.log(arguments[1]); console.log(arguments[2]); }; Test(1, 2, 3);
输出 1 2 3;数组
固然,你也能够在javascript函数里放一个数组,可是它是固定长度的。函数
arguments对象相似于数组,但实际上它也并非数组,使用call方法,可能将数组的shift函数用到它身上,可是尽可能不要尝试去改动arguments。很容易形成混乱。spa
若是确实要修改,能够将arguments的内容复制到一个新数组上,而后在新数组上进行修改。htm
var args = [].slice.call(arguments);
arguments变量是被隐式绑定到每一个函数体内的,注意是每个函数内部。对象
一个迭代器的例子可以说明这个问题;blog
function values() { //values有本身的arguments var i = 0, n = arguments.length; return { hasNext: function () { return i < n; //hasNext 有本身的arguments }, next: function () { if(i >= n) { throw new Error("已是最后一个元素!"); } return arguments[i++]; //next 有本身的arguments } } } var it = values(1, 2, 3, 4, 5, 6, 7); console.log(it.next()); //undefined console.log(it.next()); //undefined console.log(it.next()); //undefined
若是要访问外层函数的arguments,那么只能经过局部变量绑定的方式,在内层就可以访问,上面的例子能够改形成ip
function values() { //values有本身的arguments var i = 0, n = arguments.length, ourterArgs = arguments; return { hasNext: function () { return i < n; //hasNext 有本身的arguments }, next: function () { if(i >= n) { throw new Error("已是最后一个元素!"); } return ourterArgs[i++]; //ourterArgs 外层保存的 arguments } } } var it = values(1, 2, 3, 4, 5, 6, 7); console.log(it.next()); //1 console.log(it.next()); //2 console.log(it.next()); //3