脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js arguments可变长参数

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实现鼠标拖拽盒子移动及右键点击盒子消失效果示例

    这篇文章主要介绍了JS实现鼠标拖拽盒子移动及右键点击盒子消失效果,涉及javascript事件响应及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
    2019-01-01
  • js通用滑动门类

    js通用滑动门类

    可以实现滑动门效果代码类
    2008-04-04
  • JavaScript手写实现一个简单的快捷键库

    JavaScript手写实现一个简单的快捷键库

    前端开发中,有时项目会遇到一些快捷键需求,比如绑定快捷键,展示快捷键,编辑快捷键等需求,所以本文就来用JavaScript手写一个简单的快捷键库吧
    2024-02-02
  • BootStrap Table对前台页面表格的支持实例讲解

    BootStrap Table对前台页面表格的支持实例讲解

    bootstrap-table是在bootstrap的基础上面做了一些封装，所以在使用bootstrap-table之前要导入的js和css，下面通过本文给大家详细介绍需要引入的文件，对bootstrap table 表格感兴趣的朋友一起看看吧
    2016-12-12
  • JS实现自定义简单网页软键盘效果代码

    JS实现自定义简单网页软键盘效果代码

    这篇文章主要介绍了JS实现自定义简单网页软键盘效果代码,可实现简单模拟键盘布局及响应鼠标点击按下键盘按键功能,简单实用,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-11-11
  • JS中for,for...in,for...of和forEach的区别和用法实例

    JS中for,for...in,for...of和forEach的区别和用法实例

    JS遍历数组（循环数组）的方式有多种,可以使用传统的for循环,也可以使用升级版的for in循环,还可以使用Array类型的forEach() 方法,这篇文章主要给大家介绍了关于JS中for、for...in、for...of和forEach的区别和用法的相关资料,需要的朋友可以参考下
    2021-11-11
  • js日期范围初始化得到前一个月日期的方法

    js日期范围初始化得到前一个月日期的方法

    这篇文章主要介绍了js日期范围初始化得到前一个月日期的方法,涉及javascript操作日期的相关技巧,非常具有实用价值,需要的朋友可以参考下
    2015-05-05
  • js将类数组对象转换成数组对象

    js将类数组对象转换成数组对象

    javascript与dom有许多瑕疵，如著名的类数组对象Arguments，其他诸如HTMLCollection,NodeList如果它们都是数组的子类，那多省时啊。
    2010-05-05
  • 浅谈在fetch方法中添加header后遇到的预检请求问题

    浅谈在fetch方法中添加header后遇到的预检请求问题

    下面小编就为大家带来一篇浅谈在fetch方法中添加header后遇到的预检请求问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • JS实现简单省市二级联动

    JS实现简单省市二级联动

    这篇文章主要为大家详细介绍了JS实现简单的省市二级联动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2019-11-11

最新评论