形参与局部变量名相同时js的处理

前几天遇到一个问题，大致就是形参名与局部变量名相同了，导致后续代码取值出错。唉，感觉大多数的坑都可以归结为基础知识的不扎实啊。

当形参与局部变量相同且局部变量有赋值时，局部变量的赋值会覆盖形参的值。

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的情况了。