Question

var name = 'world';
(function () {
    if (typeof name === 'undefined') {
        console.log('Goodbye ' + name);
    } else {
        console.log('Hello ' + name);
    }
})();

当我评估上面的程序时，结果是Hello world!，这是因为全局变量范围，但是当我评估以下程序时：

var name = 'world';
(function () {
    if (typeof name === 'undefined') {
        var name = 'Jack';
        console.log('Goodbye ' + name);
    } else {
        console.log('Hello ' + name);
    }
})();

结果为Goodbye Jack，为什么typeof name === 'undefined'的结果在这种情况下为true？

Answer 1

因为变量声明被提升到它们出现的范围的顶部。这就是你的代码的解释方式：

(function () {
    var name; // Implicitly has the value 'undefined'
    if (typeof name === 'undefined') {
        name = 'Jack'; // Doesn't change from 'undefined' until this line
        console.log('Goodbye ' + name);
    } else {
        console.log('Hello' + name);
    }
})();

Answer 2

在第3行，您有var name = 'Jack'。

提升var name部分，因此您有一个作用于该函数的局部变量。

name = 'Jack'部分未被吊起。

在第2行，您测试name的值。

第2行在第3行之前，因此尚未分配'Jack'，因此它是undefined。

Answer 3

在Javascript function声明中（例如function f() {}），var声明已“悬挂”。

它们是为函数的范围声明的（尽管将变量设置为Jack仍然是你写的那个）。

很少有人对Javascript中匿名函数的变量范围感到困惑

3 个答案: