javascript - 所有 JavaScript 函数类型？

Question

在为我的小型代码库制作几个测试项目时，我遇到了许多关于以多种不同方式创建函数的教程。

例如:

1. 函数声明

   • 函数声明:
函数标识符(FormalParameterList opt){FunctionBody}

2. 函数表达式

   • 函数表达式:
函数标识符 opt ( FormalParameterList opt ){ FunctionBody }

3. 匿名自执行函数

   • (函数(消息){
警报(消息)；
})('所以');//警报“SO”

4. 我在源代码中看到的匿名自执行函数，我怀疑它们可能不正确，但我想确定一下

   • (函数(消息){
警报(消息)；
}('所以'));//警告“SO”，但传递的参数出现在包裹函数的括号内，而不是像我认为正确的那样出现在后面。

综上所述，我想澄清我对每种功能类型的一些问题。

函数声明:

function display(){
    //this function is evaluated at parse time,
      can be called any time
}

函数声明(在解析时计算并且不需要括号后的括号)是否可以被函数表达式覆盖，如 this问题似乎表明这个源代码似乎有备份？:

var display = function(){
                 //this function will be called as opposed to the
                 //display() declaration (above) any time 
                 //display() is used after this variable assignment
              };

函数表达式:

var display = function nameOptional(){

              };

函数表达式中赋值给变量的括号后面是否需要分号？而且，这是否意味着这个:

function name(){
    //...
};

与这个不同:？

function name(){
    //...
}//no semi-colon

第一个 name() 是函数表达式，第二个 name() 是函数声明吗？或者第一个 name() 是函数表达式，第二个 name() 是带有可选左移分号的函数表达式。因为我读到在函数表达式中，只建议使用分号。让我感到困惑的是，在函数声明中，您必须有一个标识符和一个函数体。在表达式中，标识符是可选的，但必须有主体。所以如果你有

function identifier(){
    //...body...
}

这是一个声明，还是一个表达式，因为表达式或声明上不需要分号。在表达式上，仅建议在变量分配的情况下获得最佳结果。

匿名自执行函数:

我理解它们是如何工作的，但我见过两种写法，我几乎可以肯定其中一种是错误的。我只是想澄清一下:

(function(msg){
    alert(msg);
})("SO");

和

(function(msg){
    alert(msg);
}("SO"));

我读到，匿名函数执行的原因是因为它被包装在 () 中，如果您想要将任何参数传递给它，则必须将它们添加在那些 ( 之后) 并且在将整个事情联系起来的分号之前，如果这是真的...第二个匿名函数写得不正确...这是真的吗？

我已经阅读了几个已通过此 link 回答的问题以及包含此信息的内容

Answer 1

只有您在此处确定的前两种类型的函数是“真实的”。另外两个是函数表达式的应用。

按顺序回答您的问题:

Is it true that a function declaration (that is evaluated at parse time and does not require parenthesis after the brackets) can be overwritten by function expressions as this question seems to indicate and this source code seems to back up?

是的。 (不幸的是。)第二次声明函数会覆盖第一个定义。不过，如果对原始函数的引用已分配给变量，则原始函数仍然可以访问；例如:

function a() { console.log(1); }
var a1 = a;
function a() { console.log(2); }

a1(); // outputs "1"
a();  // outputs "2"

Is the semi-colon after the bracket in function expressions that has been assigned to a variable necessary?

一般来说，是的——它表示语句的结束，就像var a = 1;中的分号一样。它有时是可选的，就像 Javascript 中的大多数分号一样，但忽略它是不可取的。

And also, does that mean that [a function declaration with a semicolon] is different from [a function declaration without one]?

函数声明末尾的分号不是必需的，也没有意义。它实际上被解释为声明之间的独立分号，这没有任何作用。

I have read that the reason an anonymous function executes is because it is wrapped in () and if you want any parameters to be passed to it, they must be added after those () and before a semi-colon tying the whole thing off, if this is true...the second anonymous function is written incorrectly...is this true?

他们都很好；这是一种风格选择。该行必须以 function 以外的内容开头，这样它就不会被解释为函数定义，因此使用了初始括号，但括号的确切位置并不重要。如果我们用 a 替换整个函数表达式，则比较只是在 (a)() 和 (a()) 之间进行；没有真正的区别。