Javascript中的名称解析？ [复制]

Question

我正在阅读此article，我有一些问题请：

考虑到这段代码：

1:   var a = 1;
2:   function b () {
3:       a = 10;
4:       return;
5:       function a() {}
6:   }
7:   b();
8:   alert(a);

这会提醒 1。（我的问题是为什么？）

文章陈述了它与名称解析的相关性。

名称解析（根据文章）按此顺序确定：

1. Internal mechanisms of language: for example, in all scopes are available “this” and “arguments”.
2. Formal parameters: the functions can be named as the formal parameters, which scope is limited to the function body.
3. Function declarations: declared in the form of function foo() {}.
4. Variable declarations: for example, var foo;.

第 3 行假设更改全局 a 的值。 但是函数 a(){...} 优先于内部声明（如果我理解正确的话） 这就是为什么警报 1

附言如果我删除第 5 行，它会提醒 10。

一般来说，如果一个名字已经被定义，它就永远不会被重新定义 由另一个具有相同名称的实体。那就是函数声明 具有相同的变量声明的优先级 姓名。但这并不意味着变量赋值 不替换函数，只是忽略它的定义。

我不明白那部分：

但这并不意味着变量赋值 不替换函数

请回答两个问题：

• 我是否正确理解了提醒1的原因

• 以上行是什么意思？ （被误解的部分）

谢谢。

Answer 1

我是否正确理解了提醒 1 的原因

是的

“但这并不意味着变量赋值不替换函数”
上面的线是什么意思？ （被误解的部分）

这只是意味着虽然名称为a 的函数已定义，但a = 10 仍将被执行，即在那一行之后a 不再指代函数而是指10。

我假设他们想稍微放宽前面的语句，避免人们错误地认为因为函数声明首先执行，所以分配不会再发生。

---

函数和变量声明被提升到作用域的顶部。所以代码相当于：

1:   var a = 1;
2:   function b () {
3:       function a() {}
4:       a = 10;
5:       return;
6:   }
7:   b();
8:   alert(a);

function a() {...} 在本地范围内创建符号（变量）a，其值与函数完全相同。下一行 a = 10; 然后为该符号分配一个新值，即一个数字。

var a = 1;
function b () {
     function a() {} // creates a new local symbol `a`, shadowing the outer `a`
     // until here, `a` refers to the function created 
     // created by the above declaration
     a = 10; // now a new value is assigned to the local symbol/variable `a`
     // from here on, `a` is `10`, not a function
     return;
}
b();
alert(a);

Answer 2

var a = 1;
function b () {
    var a = 10;
}
b();
alert(a);

上面的例子对你有意义吗？是的？好，那你就明白本地和全局范围的区别了……

var a = 1;
function b () {
    a = 10;
    var a;
}
b();
alert(a);

这个例子对你有意义吗？是的？然后你就明白了，变量在函数中声明的位置无关紧要，总是在第一次进入函数时声明。

var a = 1;
function b () {
    a = 10;
    var a = function() { };
}
b();
alert(a);

现在，这个例子有意义吗？是的？然后你就理解了动态类型。一个变量可以被赋予一个函数作为一个值，然后可以被一个整数覆盖，比如 10。

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

现在你的例子应该是有意义的，因为我们只是改变了我们声明 a 的方式，但它是一样的。

Answer 3

根据我对提升的理解，变量声明和函数声明都是提升的。因此，这就是正在发生的事情：

var a; // a is declared (hoisted)
function b () { // function declaration (hoisted)
    function a () {} // function declaration (hoisted)
    a = 10; // an assignment to the local a that was hoisted, not the outer a
    return;
}
a = 1; // initialization (not hoisted)
b(); // hoist inside b's scope causes an inner a to be modified
alert(a); // alerts 1 since the outer a was never modified