首页 > web前端 > js教程 > 为什么我的全局变量在 JavaScript 中未定义?

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

Barbara Streisand
发布: 2024-12-07 17:06:12
原创
547 人浏览过

Why is My Global Variable Undefined in 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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板