arguments的理解?

╰半橙微兮° 2022-12-28 11:12 196阅读 0赞

### ** arguments是一个内置对象，伪数组，看似数组但是不能用数组的方法** ###

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

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

![70][]

此外，我们可以看到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。

![70 1][]

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不是数组，而是一个类数组对象。

![70 2][]

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

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

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

![70 3][]

[70]: /images/20221120/d36ad1dc49684c5b8b286698db40cab7.png
[70 1]: /images/20221120/3b549b163b7a4414bc23ec4318c90c99.png
[70 2]: /images/20221120/a8d5d81140044af2bb1ef3aed16e3847.png
[ES6]: http://es6.ruanyifeng.com/?search=class&x=1&y=7#docs/iterator
[70 3]: /images/20221120/d1248bdc43cf4b6ca482c07bf4ea5e3f.png