javascript - 为什么javascript在一个函数中而不是在另一个函数中从父作用域访问值？

Question

为什么第二个代码片段表现异常？

这个问题不同于Questions on Javascript hoisting ，因为这个问题包括一个 IIFE，一个局部作用域，并且是为了更好地理解父作用域。

---

这个函数输出正确

var one = 1;
function sayOne() {
    console.log(one); // actually gets the value from the global scope
}
sayOne();

输出:

1

---

但是这个没有。

var one = 1;
function sayDoom() {
    console.log(one); // somehow does not get the value from parent scope
    var one = 2;
    console.log(one);
    (function() {
        var one = 3;
        console.log(one); // displays correctly
    })();
}
sayDoom();

输出:

undefined
2
3

预期:

1
2
3

Answer 1

在 javascript 中，由于变量提升，如果你在变量声明之前引用它，它将返回 undefined

实际上代码变成这样

function sayDoom() {
    var one;               // global variable wont be accssible now
    console.log(one); // returns undefined
    one = 2;
    console.log(one);
    (function() {
        var one = 3;
        console.log(one); // displays correctly
    })();
}
sayDoom();

您可以在 sayDoom() 函数中使用 this.one 访问您的全局 one 变量

编辑如果你使用严格模式这不会工作