是什么决定了JavaScript函数是一个命名的匿名函数还是一个常规函数？

阅读“A re-introduction to JavaScript”我注意到一些有趣的功能：

The name provided to an anonymous function as above is(or at least should be) only available to the function’s own scope.

根据nodejs提示中教程中的代码输入一些内容我能够验证该节点是否与作者一致：

function add(foo, bar) {
  return foo + bar;
}

add(1, 2);

得到我3,并：

var five = (function plus(foo, bar) {
             return foo + bar;
           })(2, 3);
plus(2, 3);

给我一个关于加上未定义的语法错误.

我有点困惑,因为我用来定义两个函数的代码是相同的(名称除外). JavaScript如何知道第一个是常规函数,第二个是命名匿名函数？

解决方法:

第一个是正常的函数声明.声明的名称被引入当前作用域,并隐式引用函数体.在这种形式中,function是一个语句,因此不返回任何值.

第二个是函数表达式,解释器知道这是因为它是赋值的右侧的一部分,并且因为它周围的括号.每当单词函数出现时,可能已经提供了其他“值”(或“表达式”),那么你所拥有的是一个函数表达式.该表达式的结果是对函数体的引用.

函数表达式的名称(如果它被赋予一个)仅在函数中可用,如链接中所述.

恕我直言,该链接的命名是不正确的.在我看来,他们所谓的“命名匿名函数”应该被称为“命名函数表达式”.这个明显的错误可能源于所有匿名函数实际上都是函数表达式,但并非所有函数表达式都是匿名的.

请注意,如果您使用此样式：

var foo = function bar() {
    ...
}

然后如上所述bar是一个函数表达式,然后将其结果赋值给变量foo.名称栏未放入当前范围,但在函数本身中可用.

变量foo的声明将被提升到作用域的顶部,但是在实际执行上面的行之前不会为其赋值(即对函数表达式的引用).

另一个有趣的示例是(从Chrome控制台)：

> function() { }
SyntaxError: Unexpected token (
> a = function() { }
function () { }

请注意,唯一的区别是后者有一个赋值给a.尝试使用语句声明匿名函数是非法的,因为语言语法要求函数语句包含函数的标签.然而,后者隐式地是一个函数表达式,允许它是匿名的.

标签：javascript,syntax,semantics
来源： https://codeday.me/bug/20190613/1232114.html