javascript arguments解释,实现可变长参数。
2016-07-20 11:54
351 查看
在C#中,有可变长参数params[],但是在js中,如何实现这种可变参数呢?
先来看看应用场景,使用arguments传入任意个数的参数到js函数里的写法。
输出 1 2 3;
当然,你也可以在javascript函数里放一个数组,但是它是固定长度的。
如果确实要修改,可以将arguments的内容复制到一个新数组上,然后在新数组上进行修改。
一个迭代器的例子能够说明这个问题;
如果要访问外层函数的arguments,那么只能通过局部变量绑定的方式,在内层就能够访问,上面的例子可以改造成
一、可变长参数
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
相关文章推荐
- wordpress如何屏蔽wp-json(禁用REST API)
- Json.Net组件指定/忽略序列化字段属性技巧知识点
- js只执行1次的函数示例
- JavaScript中数组常用方法
- JSP取得绝对路径
- JSP学习笔记之三
- 多个物体 链式运动
- Javascript模块化编程(三):require.js的用法
- js编写自我经验总结
- js遍历增加标签
- 消除javaScript Cookies的安全隐患,实现用户相关数据本地存储
- 【phantomjs】使用phantomjs生成highChart的图片(待完善)
- javascript—闭包
- Array.map()
- Jsp页面动态显示当前时间
- JavaScript的预编译
- js正则表达式
- 用fastjson解析json数据顺序问题,用gson完美解决
- javascript 精选
- JavaScript中this的用法