为什么我的全局 JavaScript 变量在函数内显示为未定义？

JavaScript 变量提升：探索未定义的全局值

本文探讨了 JavaScript 中全局变量的令人惊讶的行为，特别是当它们似乎具有函数内未定义的值。

Case:

在下面的示例中，全局变量值被初始化为 10。但是，当在测试函数中访问它时，它会记录 undefined。

var value = 10;
function test() {
    //A
    console.log(value);
    var value = 20;

    //B
    console.log(value);
}
test();

输出:

undefined
20

吊装JavaScript:

这种行为背后的现象称为 JavaScript 变量提升。它规定函数内声明的所有变量都被“提升”或移动到函数作用域的顶部，即使它们是在使用后声明的。

在上面的示例中，值变量被提升到测试功能的顶部。但是，仅解除其声明，而不解除其赋值（初始化）。因此，当调用 console.log(value) 时，它会访问已提升但未分配的变量，从而导致未定义。

说明:

此行为可以通过以下方式理解等效代码：

var value; // Global
function test() {
    console.log(value); // Accessing the hoisted but undefined value

    value = 20; // Local assignment
    console.log(value); // Accessing the locally assigned value
}

旁注：提升函数:

提升也适用于函数声明。如果一个函数在声明之前被调用，它仍然会执行，即使它还没有被分配给它的标识符。

例如：

test("Won't work!"); // Error

test = function(text) { alert(text); }; // Function assignment

第一次调用 test失败是因为此时尚未声明该函数。然而，第二次调用会成功，因为函数在第一次调用后被提升并赋值。

结论:

JavaScript 的提升机制可能会导致意外结果，尤其是在访问时函数内的全局变量。了解提升的细微差别对于编写健壮且无错误的 JavaScript 代码至关重要。

以上是为什么我的全局 JavaScript 变量在函数内显示为未定义？的详细内容。更多信息请关注PHP中文网其他相关文章！