js中的arguments

1. arguments是什么

arguments是伪数组，有属性length，也可以通过下标访问，但是不能调用数组函数，实际上跑一下代码会发现arguments是个对象，里面的key是0，1，2……这些下标，还有一个不可枚举的属性length，以及callee函数和iterator

function testFunc(a, b){
    console.log('arguments概览', arguments)
    console.log('属性值细节', Object.getOwnPropertyDescriptors(arguments))
}
console.log(testFunc(1, 2))

输出结果：

2.arguments特性

2.1 始终与调用的时候命名参数的值同步

①arguments值始终与对应的命名参数的值同步，但这并不意味着它们都访问同一个内存地址，它们在内存中还是分开的，只不过会保持同步而已；
②假如调用函数传了一个参数，在函数内部设置arguments[1]的值，这个值不会赋值给第二个参数的，反过来，如果只传了一个参数，函数内部设置第二个参数的值，这个值也不会赋值给arguments[1]，可以理解为在调用函数的时候，arguments和参数名字的一一对应关系就确定了，如果调用的时候没有传第二个参数，arguments和参数名字的关系就不存在

//说明如果不传第二个参数，arguments[1]的改变并不会使第二个参数b的值改变
function add(a, b){
    arguments[1] = 9
    console.log('b的值', b) //undefined
    console.log('arguments:', arguments)//arguments: [Arguments] { '0': 1, '1': 9 }
}
add(1)

//相反，b的值也不会影响到arguments[1]
function add2(a, b){
    b = 10
    console.log('b的值', b) // 10
    console.log('arguments:', arguments)//arguments: [Arguments] { '0': 1 }
}
add2(1)

2.2 箭头函数没有arguments对象

看《JavaScript高级程序设计》4版是说没有这个对象，但是实际跑的时候有对象，但是不是我们前面说的值，应该是全局对象的arguments，总之我们最好不要在箭头函数用arguments就好

2.3 callee函数及应用

arguments对象还有一个callee函数，他指向arguments对象所在函数的指针，这个指针非常有用，假设有个求和的迭代函数

function factorial(num){
    if(num <= 1){
        return num;
    }else {
        return num * factorial(num - 1)
    }
}
console.log(factorial(3))

这里的factorial()函数方法内部和函数名耦合了，因为其实函数也是对象，函数名是个保存着函数所在地址的变量，如果把factorial重新赋值，那这个函数就不生效了：

//这里修改了factorial的值，前面迭代就失效了
factorial = function(){
    return 0
}
console.log(factorial(3))//0

如果我们改下，把函数里面迭代用arguments.callee替代：

function factorial(num){
    if(num <= 1){
        return num;
    }else {
        return num * arguments.callee(num - 1)
    }
}

let trueFactorial = factorial
//这里修改了factorial的值，对迭代没影响
factorial = function(){
    return 0
}
console.log(trueFactorial(3))// 6