关于功能：圆括号javascript


round brackets javascript

本问题已经有最佳答案，请猛点这里访问。

Possible Duplicate:
What do parentheses surrounding a JavaScript object/function/class declaration mean?

如下使用JS中圆括号的含义是什么：

1
2
3
(
 function foo(){ alert("Hello world!")}()
)

它按预期工作，并显示"Hello world！"。 但是，如果我拉下括号

1
 function foo(){ alert("Hello world!")}()

Chrome控制台会生成错误"Uncaught SyntaxError：Unexpected token"。
我无法弄清楚为什么会发生这种情况......有什么帮助吗？

相关讨论

1
2
3
(
 function foo(){ alert("Hello world!");}
)

在上面的行中，我们定义了一个函数foo，它被解释为一个函数对象。

1
2
3
(
 function foo(){ alert("Hello world!");}
)();

我们现在调用该函数(使用函数对象)。

注意：你使用paranthesis的方式实际上是错误的。以上是使用它们的正确方法。

更新：

这实际上是一个很好的问题。我把它弄乱了一段时间，得出以下结论。 (注意，我可能有点不对，请告诉我，如果是的话。)

它讲述了JS-engine解析代码的方式。当它解析function foo(){ alert("Hello world!");}时，它会将其视为函数声明。它(可能)不是调用函数的语句(可能是根据语言的语法)。

但是，以下代码有效

1
2
<script type=text/javascript>
[function foo(){ alert("Hello world!");}()]

而且这个也是：

1
2
<script type=text/javascript>
1,function foo(){ alert("Hello world!");}()

(显然是上面问题中的一个)

我认为这是因为JS解析器需要一个(..)内的表达式，即它第一次看到(时。这也发生在上面第二个代码中的comma-operator和初始化数组时(在第一个代码中)。但是当没有使代码(函数)看起来像表达式的令牌时，解析器在遇到最后一个()时会抛出错误。

更新2(非常感谢Felix Kling为此)：

请参阅CMS回复中有关语法部分的详细说明。这个答案非常清楚地解释了我上面所说的内容，即JS Parses如何区分函数声明和函数表达式

1
2
3
(
 function foo(){ alert("Hello world!")}()
)

是一个函数表达式。因此它执行没有任何错误。

但在

1
 function foo(){ alert("Hello world!")}<<STOP>>()

直到<>的内容被解析为函数声明而不是函数表达式。因此，当它遇到<>之后的第一个(时，它会标记错误。

相关讨论

这是一个自动执行的函数，这里有另一个问题：javascript中自执行函数的目的是什么？

相关讨论