您是否遇到过 JavaScript 中全局变量意外返回未定义值的情况?考虑这个令人困惑的例子:
var value = 10; function test() { //A console.log(value); var value = 20; //B console.log(value); } test();
这段代码的输出让很多人感到惊讶:
undefined 20
为什么全局变量未定义
The这个难题的根本原因在于 JavaScript 的一个基本概念,称为 变量提升。 当JavaScript 引擎解释代码时,它首先扫描整个代码块并将所有变量声明“提升”到顶部。但是,仅提升声明,而不提升赋值。
在上面的示例中,当执行函数测试时,全局变量值在任何时候都不会被访问。相反,会声明并分配一个新的局部变量值。这个局部变量遮蔽了全局变量,导致 A 点的 console.log(value) 调用出现未定义的值。
解释
为了进一步说明这一点,让我们重写代码,就像发生了提升一样:
// Variable declarations hoisted to the top of the function var value = undefined; var value = 20; function test() { //A console.log(value); //B console.log(value); }
现在,很清楚为什么第一个console.log 调用返回未定义。局部变量值尚未分配。
另一个示例
为了强调提升的概念,请考虑以下代码:
var test = 'start'; function end() { test = 'end'; var test = 'local'; } end(); alert(test);
此代码提醒值“start”,而不是“end”或“local”。这是因为变量 test 被提升到了结束函数的顶部,遮蔽了全局变量。
函数也被提升了
提升不仅适用于变量,也适用于功能。下面的代码说明了这一点:
test("Won't work!"); test = function(text) { alert(text); }
此代码会引发引用错误,因为当调用 test("Won't work!") 时,测试变量已被声明但未分配函数。只有正确的函数声明语法才能确保完整的提升。
以上是为什么我的全局变量在 JavaScript 中未定义?的详细内容。更多信息请关注PHP中文网其他相关文章!