当前位置：首页 > 资讯 > 技术文档

javascript 利用arguments实现可变长参数

时间：2021-04-10 17:38 编辑：来源：阅读：
扫一扫，手机访问

摘要：javascript 利用arguments实现可变长参数

javascript arguments解释，实现可变长参数。在C#中，有可变长参数params[]，但是在js中，如何实现这种可变参数呢？ [b]一、可变长参数[/b] arguments是非常好的解决方法，一直不知道javascript有这个东西。先来看看应用场景，使用arguments传入任意个数的参数到js函数里的写法。

function Test() {
  console.log(arguments[0]);
  console.log(arguments[1]);
  console.log(arguments[2]);
};
Test(1, 2, 3);

输出 1 2 3; 当然，你也可以在javascript函数里放一个数组，但是它是固定长度的。 [b]二、不要直接修改arguments对象[/b] arguments对象类似于数组，但实际上它也并不是数组，使用call方法，可能将数组的shift函数用到它身上，但是尽量不要尝试去改动arguments。很容易造成混乱。如果确实要修改，可以将arguments的内容复制到一个新数组上，然后在新数组上进行修改。 [code]var args = [].slice.call(arguments);[/code] 用变量绑定arguments，实现跨函数访问 arguments变量是被隐式绑定到每个函数体内的,注意是每一个函数内部。一个迭代器的例子能够说明这个问题；

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，那么只能通过局部变量绑定的方式，在内层就能够访问，上面的例子可以改造成

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

以上所述是本文的全部内容，希望对大家有所帮助，谢谢对编程素材网的支持！

全部评论(0)

上一篇：Ionic2调用本地SQlite实例
下一篇：JavaScript中使用arguments获得函数传参个数实例

资讯排行榜
更多>>