执行上下文两次声明名称？

Question

我正在研究 Javascript 的执行上下文。但我不明白为什么“函数 foo”不会被“var foo”覆盖。 希望有人能解释一下 感谢您的回复。

函数 ace() {

console.log(typeof foo); // function pointer
console.log(typeof bar); // undefined

var foo = 'hello',
    bar = function() {
        return 'world';
    };

function foo() {
    return 'hello';
}
 var foo = 'hello';

}

王牌();

Answer 1

为什么“函数 foo”不会被“var foo”覆盖。

foo 在foo 被重新定义的那一行被覆盖

function ace() {

  console.log(typeof foo); // function pointer
  console.log(typeof bar); // undefined

  var foo = 'hello',
    bar = function() {
      return 'world';
    };

  function foo() {
    return 'hello';
  }
  var foo = 'hello';
  console.log(foo);
  try {
    foo()
  } catch(e) {
    console.log("catch:", e.message)
  }
}

ace();

Answer 2

但我不明白为什么“函数 foo”不会被“var foo”覆盖。

var 声明不会覆盖函数声明。它们都声明了相同的变量，并且由于函数声明，它用函数初始化。只有赋值会覆盖值。

如果你考虑到提升，你的脚本会表现得像

function ace() {
    var foo, bar;
    var foo = function() {
        return 'hello';
    }
    var foo;

    console.log(typeof foo); // function
    console.log(typeof bar); // undefined

    foo = 'hello';
    bar = function() {
        return 'world';
    };
    console.log(typeof foo); // string
    foo = 'hello';
}
ace();