JavaScript“提升”[重复]

Question

我遇到了 JavaScript 'hoisting'，但我没有弄清楚这段 sn-p 代码的真正作用：

var a = 1;

function b() {
    a = 10;
    return;

    function a() {}
}

b();
alert(a);

我知道像 (function a() {}) 这样的函数声明将被提升到函数 b 范围的顶部，但它不应该覆盖 a 的值（因为函数声明会覆盖变量声明而不是变量初始化）所以我希望警报的值是 10 而不是 1！！

Answer 1

1. 全局a 设置为1
2. b() 被调用
3. function a() {} 被提升并创建一个 local 变量 a 来掩盖全局 a
4. 本地a设置为10（覆盖函数a）
5. 全球a（仍为1）收到警报

Answer 2

这是因为此示例中的编译/解释顺序有些误导。 function a () {} 行在函数的任何其余部分执行之前被解释，所以在函数的最开始，a 的值是function a () {}。当您将其重新分配给10 时，您将在函数b() 的本地范围内重新分配a 的值，然后在您返回时将其丢弃，而将a = 1 的原始值留在全局范围内。

您可以通过在适当的位置放置alert()s 等来验证这一点，以查看a 在各个点的值。

Answer 3

(1) JavaScript 没有块语句作用域；相反，它将是块所在的代码本地的。

(2) Javascript 在函数范围内声明变量，这意味着在函数中声明的变量在该函数的任何位置都可用，甚至在它们被赋值之前 .

(3) 在函数体内，局部变量优先于同名的全局变量。 如果你声明一个与全局变量同名的局部变量或函数参数，你实际上隐藏了全局变量。

你的代码是一样的：（阅读评论）

<script>
var a = 1;          //global a = 1
function b() {
    a = 10;         
    var a = 20;     //local a = 20
}
b();
alert(a);           //global a  = 1
</script>

参考：
(1)JavaScript Variable Scope:
(2)A Dangerous Example of Javascript Hoisting
(3)Variable scope

所以在你的代码中：

var a = 1;          //global a = 1  
function b() {
    a = 10;         
    return;
    function a() {} //local 
}
b();
alert(a);           //global a = 1  

Answer 4

当我读到你写的同一篇文章JavaScript Scoping and Hoisting 时，我也很困惑，因为作者从未展示过编译器中两个开始示例代码的解释。

这是您提供的示例，页面上的第二个示例：

var a = 1;
function b() {
    function a() {} // declares 'a' as a function, which is always local
    a = 10;
    return;
}
b();
alert(a);

这是页面上的第一个示例：

var foo = 1;
function bar() {
    var foo; // a new local 'foo' variable
    if (!foo) {
        foo = 10;
    }
    alert(foo);
}
bar();

希望对你有帮助

Answer 5

1. 函数声明function a(){}首先被提升，因此在本地范围内创建a。
2. 如果您有两个同名变量（一个在全局另一个在本地），则局部变量总是优先于全局变量。
3. 当您设置a=10 时，您设置的是局部变量a，而不是全局变量。

因此，全局变量的值保持不变，你会得到，alerted 1