今天,当我看到全局变量undefined在某些情况下具有价值时,我感到非常惊讶。
undefined
例:
var value = 10; function test() { //A console.log(value); var value = 20; //B console.log(value); } test();
给出为
undefined 20
在这里,为什么JavaScript引擎将全局值视为undefined。我知道JavaScript是一种解释语言。如何考虑函数中的变量?
这是JavaScript引擎的陷阱吗?
这种现象称为:JavaScript变量提升 。您绝对不会在函数中访问全局变量。您只访问局部value变量。
value
您的代码等效于以下内容:
var value = 10; function test() { var value; console.log(value); value = 20; console.log(value); } test();
还感到惊讶undefined吗?
每个JavaScript程序员迟早都会碰到这一点。简单地说,任何变量声明总是悬挂到本地盖顶部。因此,即使您在第一次console.log调用后声明了变量,也仍然会认为它是在此之前声明的。但是,只有声明部分被提升;另一方面,分配不是。
console.log
因此,当您第一次调用时console.log(value),您引用的是本地声明的变量,该变量尚未分配任何内容。因此undefined。
console.log(value)
var test = 'start'; function end() { test = 'end'; var test = 'local'; } end(); alert(test);
您认为这会引起什么警报?不,不要只是继续阅读,请考虑一下。有什么价值test?
test
如果您说的不是start,则您错了。上面的代码与此等效:
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已经声明了该变量,但是尚未为其分配功能。
test("Won't work!")
在第二个示例中,我们不使用变量赋值。相反,我们使用了正确的函数声明语法,这确实使函数完全提升了。