最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

javascript利用arguments实现可变长参数

来源:动视网 责编:小采 时间:2020-11-27 20:27:06
文档

javascript利用arguments实现可变长参数

javascript利用arguments实现可变长参数:javascript arguments解释,实现可变长参数。在C#中,有可变长参数params[],但是在js中,如何实现这种可变参数呢?一、可变长参数arguments是非常好的解决方法,一直不知道javascript有这个东西。先来看看应用场景,使用arguments传入任意个数的参
推荐度:
导读javascript利用arguments实现可变长参数:javascript arguments解释,实现可变长参数。在C#中,有可变长参数params[],但是在js中,如何实现这种可变参数呢?一、可变长参数arguments是非常好的解决方法,一直不知道javascript有这个东西。先来看看应用场景,使用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

以上所述是本文的全部内容,希望对大家有所帮助,谢谢对PHP中文网的支持!

更多javascript 利用arguments实现可变长参数相关文章请关注PHP中文网!

文档

javascript利用arguments实现可变长参数

javascript利用arguments实现可变长参数:javascript arguments解释,实现可变长参数。在C#中,有可变长参数params[],但是在js中,如何实现这种可变参数呢?一、可变长参数arguments是非常好的解决方法,一直不知道javascript有这个东西。先来看看应用场景,使用arguments传入任意个数的参
推荐度:
标签: 实现 js 参数
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top