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不再追踪参数的变化