JS中的arguments参数

最新推荐文章于 2023-05-15 10:53:39 发布

原创最新推荐文章于 2023-05-15 10:53:39 发布 · 309 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ES6 #arguments

ES6 专栏收录该内容

1 篇文章

订阅专栏

本文详细解析了JavaScript中arguments对象的功能与特性，包括其如何作为类数组对象工作，以及如何通过callee、length和迭代器Symbol等属性进行操作。通过具体示例，展示了即使在未定义形参的情况下，如何访问传递给函数的所有实参。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在函数调用的时候，浏览器每次都会传递进两个隐式参数：

1. 函数的上下文对象this

2. 封装实参的对象arguments

下面是一个例子：

function fun(){
  console.log(arguments);
}
fun('tom',[1,2,3],{name:'Janny'});

可以看到下面打印出来的结果，arguments是有值的，它的值就是我们传递进去的参数，虽然我们没有给fun函数定义形参，但是我们还是可以通过arguments来调用传递给函数fun的实参。

此外，我们可以看到arguments还有属性callee，length和迭代器Symbol。

1. 我们发现callee的值是函数fun，是不是说callee指向函数fun，我们来测试一下

function fun(){
  // console.log(arguments);
  console.log('arguments.callee === fun的值：',arguments.callee === fun);
}
fun('tom',[1,2,3],{name:'Janny'});

结果如我们想的一样，callee就是指向函数fun。

2. 第二个属性length，我们经常在数组或者类数组中看到，可以看到arguments的原型索引__proto__的值为Object，故此我们推测arguments不是数组，而是一个类数组对象。


function fun(){
  console.log(arguments instanceof Array);
  console.log(Array.isArray(arguments));
}
fun('tom',[1,2,3],{name:'Janny'});

结果打印出来的值都是false，说明arguments不是数组，而是一个类数组对象。

3. 第三个属性是个Symbol类型的键，该类型的值都是独一无二的，该键指向的值是一个values函数，

该值是一个生成迭代器的函数，下面是ES6入门的部分文档。

let arr = ['a', 'b', 'c'];
let iter = arr[Symbol.iterator]();
 
iter.next() // { value: 'a', done: false }
iter.next() // { value: 'b', done: false }
iter.next() // { value: 'c', done: false }
iter.next() // { value: undefined, done: true }


在arguments中有同样的效用。



function fun(){
  console.log(arguments[Symbol.iterator]);
  let iterator = arguments[Symbol.iterator]();
  console.log('iterator：',iterator);
  console.log(iterator.next());
  console.log(iterator.next());
  console.log(iterator.next());
  console.log(iterator.next());
}
fun('tom',[1,2,3],{name:'Janny'});

下面是arguments的迭代器枚举的值：