小编典典

全局变量在JavaScript中具有未定义的值

javascript

今天,当我看到全局变量undefined在某些情况下具有价值时,我感到非常惊讶。

例:

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

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

给出为

undefined
20

在这里,为什么JavaScript引擎将全局值视为undefined。我知道JavaScript是一种解释语言。如何考虑函数中的变量?

这是JavaScript引擎的陷阱吗?


阅读 655

收藏
2020-04-25

共1个答案

小编典典

这种现象称为:JavaScript变量提升 。您绝对不会在函数中访问全局变量。您只访问局部value变量。

您的代码等效于以下内容:

var value = 10;

function test() {
    var value;
    console.log(value);

    value = 20;
    console.log(value);
}

test();

还感到惊讶undefined吗?


说明:

每个JavaScript程序员迟早都会碰到这一点。简单地说,任何变量声明总是悬挂到本地盖顶部。因此,即使您在第一次console.log调用后声明了变量,也仍然会认为它是在此之前声明的。但是,只有声明部分被提升;另一方面,分配不是。

因此,当您第一次调用时console.log(value),您引用的是本地声明的变量,该变量尚未分配任何内容。因此undefined

var test = 'start';

function end() {
    test = 'end';
    var test = 'local';
}

end();
alert(test);

您认为这会引起什么警报?不,不要只是继续阅读,请考虑一下。有什么价值test

如果您说的不是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已经声明了该变量,但是尚未为其分配功能。

在第二个示例中,我们不使用变量赋值。相反,我们使用了正确的函数声明语法,这确实使函数完全提升了。

2020-04-25