这种现象称为:JavaScript变量提升 。您绝对不会在函数中访问全局变量。您只访问局部value
变量。
var value = 10;
function test() {
var value;
console.log(value);
value = 20;
console.log(value);
}
test();
还感到惊讶undefined
吗?
每个JavaScript程序员迟早都会碰到这一点。简单地说,任何变量声明总是悬挂到本地盖顶部。因此,即使您在第一次console.log
调用后声明了变量,也仍然会认为它是在此之前声明的。但是,只有声明部分被提升;另一方面,分配不是。
因此,当您第一次调用时console.log(value)
,您引用的是本地声明的变量,该变量尚未分配任何内容。因此undefined
。
var test = 'start';
function end() {
test = 'end';
var test = 'local';
}
end();
alert(test);
您认为这会引起什么警报?不,不要只是继续阅读,请考虑一下。有什么价值test
?
如果您说的不是start
,则您错了。上面的代码与此等效:
var test = 'start';
function end() {
var test;
test = 'end';
test = 'local';
}
end();
alert(test);
这样全局变量就不会受到影响。
正如你所看到的,无论在哪里你把你的变量声明中,它始终是悬挂到本地盖顶部。
这也适用于功能。
test("Won't work!");
test = function(text) { alert(text); }
这将为您提供参考错误:
未捕获的ReferenceError:未定义测试
test("Works!");
function test(text) { alert(text); }
如上所述,其原因是 悬挂分配部件。因此,在第一个示例中,在test("Won't work!")
运行时,test
已经声明了该变量,但是尚未为其分配功能。