前几天遇到一个问题,大致就是形参名与局部变量名相同了,导致后续代码取值出错。唉,感觉大多数的坑都可以归结为基础知识的不扎实啊。
当形参与局部变量相同且局部变量有赋值时,局部变量的赋值会覆盖形参的值。
function fn(a) {
console.log(a); // 1
console.log(arguments[0]); // 1
var a = 2;
console.log(a); // 2
console.log(arguments[0]); // 2
}
fn(1)
这里,当改变函数形参的值时,arguments对象中的值也会一起变动。
当形参与局部变量相同且局部变量只有声明时,js不会覆盖局部变量。
function fn(a) {
console.log(a); // 1
console.log(arguments[0]); // 1
var a;
console.log(a); // 是 1 不是 undefined
console.log(arguments[0]); // 1
}
fn(1)
强行解释一波
var a = 1;
当机器执行上边代码时,其实分两步执行。
var a; // 声明提升
a = 1; // 变量赋值
js执行时,除非在执行前的语句,都没有对a变量赋值的其他语句,a才会被js引擎当作undefined值。
所以这里当遇到var a
时,js只是做了声明,并没有赋值,就不会出现a为undefined的情况了。