javascript - 命名回调函数表达式？

Question

给定以下示例:

setTimeout(function name(){console.log(1)}, 1000)  (callback)

name()(回调)是函数声明还是命名函数表达式？

我知道函数声明会被提升而函数表达式不会，但是因为它在参数的上下文中，您如何确定是否可以提升它？

我不认为它重复了函数声明和函数表达式之间的区别。

我在问一个特定的用例，即命名回调函数是函数声明还是函数表达式。我认为该用例不包含在该问题提供的答案中。

Answer 1

一般来说，如果一个函数定义在表达式位置，那么它就是一个函数表达式。

什么时候是“表达位置”？当你不能在那里发表声明时。

参数是表达式(您不能将 if 语句作为参数传递)因此 function name() {...} 是您的表达式示例。

因为它是一个函数表达式，您可以省略名称。

---

现在您可能想知道以下内容:假设您知道 5 + 5 是一个表达式并且您可以像这样将 5 + 5 放在一行中

5 + 5;

看来我们可以把表达式放在我们想要的任何地方。那么 JavaScript 如何决定，给定

function name() {
  //...
}

是函数声明还是函数表达式？

要回答这个问题，我们必须了解代码的一般结构。在顶层，您所拥有的只是一个语句列表:

<statement1>
<statement2>
<statement3>
...

There are various types of statements , if 语句就是一个例子。还有一个概念 ExpressionStatement .顾名思义，它是由单个表达式组成的语句。这是允许您将 5 + 5; 放入语句列表的规则。

但是这个解析规则是有限制的。它不能以关键字 function (等等)开头。因此，当 JavaScript 遇到上面的函数定义时，它不会被解析为函数表达式，因为它无法将其解析为 ExpressionStatement。剩下的唯一选择是将其解析为函数声明。

---

如果您对 JavaScript 程序的结构感到好奇，可以使用 https://astexplorer.net (完全公开:我建立了这个网站)看看流行的 JavaScript 解析器如何削减程序。

例如，

setTimeout(function name(){console.log(1)}, 1000)

is parsed to

来自acorn .

(不过你真的应该看看实时版本，因为将鼠标悬停在 AST 上会突出显示相应的源文本，这会让事情更容易理解)