js函数参数的追踪者--arguments

在函数中,经常会使用arguments[]这个鬼来在跟踪当前函数的参数传递状况,今天就来分析一下arguments[]是如何来跟踪参数的

实例1

function fn(x){
   x = 10;
   arguments[0] = 20;
   console.log(x,arguments[0]); //x = 10; arguments[0] = 20;
}
 fn();
 console.log(window.x);// undefined
 console.log(x);// x is not defined

这种状况下,没有实参的传递,参数与arguments没有创建联系,二者相互独立的.
还须要说明一点: x = 10,在没有var定义的状况下,认为是全局变量,但是并非咱们想象的那样. 实际上 在定义形参时,函数内部就声明了一个变量,var x在函数内部声明.

实例2

function fn(x){
        arguments[0] = 20;
        console.log(x,arguments[0])
    }
    fn();
    // undefined  和 20

这种状况下,也是没有传递实参,函数内只有var x声明,可是并无赋值,因此x就是undefined,参数和arguments也没有创建联系.

实例3

function fn(x){
        x = 10;                      
        arguments[0] = 20;
        console.log(x,arguments[0]); // 20 20
    }
    fn(1);

有实参传入,此时,参数和arguments创建联系,arguments[0]将x的值覆盖掉.

实例4

function fn(x){
        arguments[0] = 20;
        console.log(x,arguments[0]) //20 20
    }
    fn(1);

实参传入,与实例3相同,参数和arguments创建联系,arguments[0]将x的值覆盖掉.

总结

• 实参,影响着arguments[]与参数之间的联系,

• 严格模式下,arguments再也不追踪参数的变化