为什么使用括号来包装javascript函数调用？

Question

这两个javascript函数调用有什么区别？

(function(){alert("foo")})() 

与此：

(function(){alert("foo")}()) 

Answer 1

这样做是为了便于阅读。

没有你给了两个例子之间的真正的功能上的差异，但他们两人都非常接近一个简单的函数声明，这是不同。括号为了便于阅读而添加，以便区分它们。

下面是每个片段的事：

在第一你的两个片断，第一个括号将作为封闭功能的价值进行评估。然后这个值将被称为函数。所以最终这个函数将被执行，这可能是你关心的。

在你的第二个片段中，外括号将被评估为包含一个声明为内联并立即执行的函数。再一次，该函数将被执行，这仍然可能是你关心的。

这两个都会执行相同的功能，所以不会有任何显着差异。

像您这样的片段和一个简单的函数声明的区别：

你给的功能也相同于以下。我刚刚添加了一个函数名称，并为语法准确性指定了返回值，您现在可以忽略它。

// javascript... 
var val = 
    function myFooFunc() { 
    alert("foo"); 
    }(); 

然而，这将是很容易误认为是一个简单的函数声明，这是不同的：

// javascript... 
function myFooFunc() { 
    alert("foo"); 
} 

注意，这里唯一的真正的区别是，这最后一个函数声明不立即执行。其他人是。所以这是一个非常不同的行为（如果简单声明是按名称调用的，它可能稍后会执行，或者它可能根本不会执行）。但是，通常很难在语法上看到这种差异，特别是如果函数体变得很长并且需要在屏幕上滚动。

为什么函数立即执行？

当函数在声明后立即执行时，该值通常会返回到某个值（可能是赋值语句的一部分）。有时函数会立即执行，因为它包含内部函数并且正在用于为包含语句提供功能范围。

本质上，人们围绕“立即执行”表单（包括您的代码段和我的两个第一个表单）来包装括号，以便为其他开发人员提供一个视觉提示，即立即调用该函数。这只是更容易阅读，因为你可能没有捕捉括号，直到你到达函数的结尾（或者注意到它们）。

Answer 2

他们都有相似的行为。

封装函数声明的圆括号告诉JavaScript引擎在解析后立即执行代码。在第一个示例中，您将创建一个函数对象，然后使用后面的括号来调用它。在第二个示例中，您要告诉JavaScript引擎创建函数对象并立即调用它。

实施例：

// creates a function object 
var f1 = (function() { alert('foo'); }); 

// creates a function object and executes it immediately 
var f2 = (function() { alert('foo'); }()); 

不同的是，F1给你一个功能对象。 f2创建并调用一个匿名函数。