在JavaScript中同时声明变量和函数

Question

谁能解释为什么

function x() {
  console.log("Hello!");
}
var a = x;
a();
x();

产生

你好！
你好！

但是这个

var a = function x() {
  console.log("Hello!");
}
a();
x();

尝试调用函数x时引发错误？ 第二个x函数不被视为提升函数吗？ 我在nodejs和浏览器中都尝试过。

Answer 1

你在第二个例子中所拥有的是所谓的命名函数表达式 。

它的名称不会添加到包含范围，但可以在函数本身的范围内访问：

var a = function x() {
  alert(x);
};
a();

这在编写以其他方式引用自身的递归函数或函数时非常有用，因为它确保名称不会因函数范围之外发生的任何事情而被破坏。

它还允许您在无法使用函数声明的位置创建自引用函数，例如在对象文字中：

var myFavoriteFunctions = {
    factorial: function f(n) {
        return n === 1 ? 1 : n * f(n);
    },
    identity: function (v) { return v; }
};

console.log(myFavoriteFunctions.factorial(10));

Answer 2

您的第一个示例是一个函数语句，它在其包含范围内声明了一个名称。

您的第二个示例是命名函数表达式，但不是。

有关更多信息，请参阅此处 。