JS中的变量声明提升与函数声明提升优先级

Question

请教大家

var c = 1;
function c(c) {
    console.log(c);
    var c = 2;
}
c(3);

看到的第一眼，第一想法就是这题考察的是变量提升，唔，应该是输出undefined。结果不对，报错了

再看下面

var c = 1;
function d(c) {
    console.log(c);
    var c = 2;
}
d(3);

输出是3，为什么呢？

再看下面，会输出什么？

var c = 1;
function d() {
    console.log(c);
    var c = 2;
}
d();

这是原贴

Answer 1

首先帮你解答第一个，为什么报错了。在全局上下文执行时，会创建变量对象，这时有声明变量c以及声明函数c，声明函数覆盖了同名变量，所以
在创建阶段完成后，变量对象中只有一个声明函数c

var c = 1;
function c(c) {
}

如上代码其实等同于如下：

function c() {}
c = 1;

然后在执行阶段，声明函数c被赋值为一个数字1，所以在执行到c(3)时肯定就报错了，c is not a function。
关于第二个，在d函数执行时会创建d函数的执行上下文，同样的在创建阶段有参数变量以及同名的声明变量c，因为声明变量c与参数变量
同名，所以被忽略，变量对象中的c是参数变量，值为3所以打印的时候就是3了。第二段代码中的函数其实等同于如下：

function d(c = 3) {
    console.log(c);
    c = 2;
}

而第三段代码会打印undefined。在执行d函数时，变量对象中已经有了c声明变量，值为undefined