javascript 利用arguments实现可变长参数

更新时间：2016年11月21日 09:55:09 作者：逆心

在C#中，有可变长参数params[]，但是在js中，如何实现这种可变参数呢？本片文章主要介绍利用arguments，实现可变长参数。有需要的请参考下

javascript arguments解释，实现可变长参数。

在C#中，有可变长参数params[]，但是在js中，如何实现这种可变参数呢？

一、可变长参数

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函数里放一个数组，但是它是固定长度的。

二、不要直接修改arguments对象

arguments对象类似于数组，但实际上它也并不是数组，使用call方法，可能将数组的shift函数用到它身上，但是尽量不要尝试去改动arguments。很容易造成混乱。

如果确实要修改，可以将arguments的内容复制到一个新数组上，然后在新数组上进行修改。

var args = [].slice.call(arguments);

用变量绑定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

以上所述是本文的全部内容，希望对大家有所帮助，谢谢对脚本之家的支持！

您可能感兴趣的文章:

js实现简单放大镜特效
这篇文章主要为大家详细介绍了js实现简单放大镜特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-03-03
js实现带简单弹性运动的导航条
本篇文章主要分享了js实现带简单弹性运动导航条的示例代码，具有很好的参考价值，下面跟着小编一起来看下吧
2017-02-02
layui动态渲染生成左侧3级菜单的方法(根据后台返回数据)
今天小编就为大家分享一篇layui动态渲染生成左侧3级菜单的方法(根据后台返回数据)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09
jquery将标签元素的高设为屏幕的百分比
这篇文章主要介绍了js将标签元素的高设为屏幕的百分比,需要的朋友可以参考下
2017-04-04
ES6学习教程之对象的扩展详解
这篇文章主要给大家介绍了ES6中对象扩展的相关资料，文中介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。
2017-05-05
Javascript的严格模式strict mode详细介绍
这篇文章主要介绍了Javascript的严格模式strict mode详细介绍,重点介绍了严格模式的使用方法及使用strict mode后对javascript语法上带来的改变,需要的朋友可以参考下
2014-06-06
JS request函数用来获取url参数
项目中经常会遇到这种问题下面代码解决问题！
2010-05-05
JavaScript数组去重的几种方法
这篇文章主要给大家介绍了关于JavaScript数组去重的几种方法，文中通过示例代码介绍的非常详细，对大家学习或者使用JavaScript具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
2019-04-04
把input初始值不写value的具体实现方法
比如制作一个最常见的，input初始值，一般以前，我都只是写在input的value里，要把初始值单独写出来，于是我比较傻逼，就用<span>标签写，定位在input上，让它单击和input获焦上都消失
2013-07-07
Bootstrap每天必学之导航组件
Bootstrap每天必学之导航组件，制作面包屑式导航、导航加下拉菜单效果，感兴趣的小伙伴们可以参考一下
2016-04-04