为什么我的全局变量在 JavaScript 中未定义？

对 JavaScript 中的全局变量有未定义的值感到惊讶吗？

您是否遇到过 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中文网其他相关文章！