javascript - Javascript - 提升优先级

Question

在提升中，变量优先于函数定义还是相反？请看下面的代码：

function a()
{
    var x = 10;

    function x() {
        return 20;
    }

    return x;
}

Answer 1

这不是一个优先于另一个的问题（存在优先级，但这在很大程度上只是语义问题）。

这里重要的是变量声明的赋值部分没有被提升，而整个函数定义是.

注意根据raina77ow 的回答，我原来的部分假设似乎是错误的。函数在变量声明之前被提升，但最终效果是一样的。

提升后，您的功能将如下所示：

function a()
{
    var x = function x() {  // hoisted function declaration/definition
        return 20;
    };
    var x;                  // hoisted variable declaration
    x = 10;                 // unhoisted part of variable declaration
    return x;
}

发生x = 10在所有吊装完成后，所以这是保留在 中的值x。

---

响应@thefourtheye 的请求（我认为这是她/他所要求的），如果您的原始功能如下所示：

function a() {
    function x() {
        return 20;
    }
    var x = 10;
    return x;
}

然后在提升之后，它看起来像这样（同上）：

function a() {
    var x = function x() {  // hoisted function declaration/definition
        return 20;
    }
    var x;                  // hoisted variable declaration (does nothing)
    x = 10;                 // unhoisted variable assignment
    return x;
}

---

作为最后一个例子，试试这个：

function a() {
    console.log(x);
    var x = 10;
    console.log(x);
    function x() { return 20; };
}

调用时，会打印出：

function x() { return 20; }
10

原因是提升导致函数的行为如下：

function a() {
    var x = function x() { return 20; };
    var x;
    console.log(x);
    x = 10;
    console.log(x);
}

Answer 2

您的代码将等于以下内容：

function a() {
  var x;
  function x() { // this function is assigned to variable indicator "x"
    return 20;
  }
  x = 10; // this overrides the variable indicator "x"
  return x;
}

因此，当您调用该函数时：

a() // 10