（function（）{...}（））之间有区别吗？和（function（）{...}）（）;?

Question

有时我看到：(function() { ... }()); 有时我看到：(function() { ... })(); 我看到有和没有参数的两种形式。它们都 执行匿名功能。这两种形式有区别吗？是否有任何令人信服的理由使用一种形式而不是另一种形式？

Answer 1

这两种形式没有实际区别，但从语法的角度来看，两者之间的区别在于分组算子 - 括号 - 将在第一个例子中保存CallExpression，包括FunctionExpression：

               CallExpression

                | |

       FunctionExpression |

                | |

                VV

    （function（）{}（））;

    ^ ^

    | --PrimaryExpression  -  |

在第二个例子中，我们首先得到一个整体CallExpression，它包含FunctionExpression：

          PrimaryExpression

                |

         FunctionExpression

                |

                V

    （function（）{}）（）;

    ^ ^

    |  -  CallExpression  -  |

Answer 2

就编译器而言，两者之间没有区别。但是，会发现(function () {}())Douglas Crockford的JavaScript 代码约定中推荐使用该样式。

Answer 3

就差异而言，它实际上只是语法糖。有点相当于：“你喜欢jQuery（）还是$（）？” 两者都可以互换地编译，执行和使用（AFAIK）。

从我到目前为止看到的代码示例中，更多人似乎遵循Crockford代码约定：

(function() { ... }()); 

就个人而言，我更喜欢这个(function(){})();惯例，因为我觉得这个功能是自动执行的; 我也是jQuery的大用户，这是jQuery源代码中使用的约定。

此外，无论您选择使用哪种形式，都可以使用parens来封装您的自动执行功能。