请教大家
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();
首先帮你解答第一个,为什么报错了。在全局上下文执行时,会创建变量对象,这时有声明变量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
你的理解没毛病,楼主。
第一.
var c = 1;
function c(c) {
console.log(c);
var c = 2;
}
c;
这样就正确了,证实了函数声明大于var声明,最终被覆盖,c是一个变量,值为1