在函数中,常常会使用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
不再追踪参数的变化