1. (function(){}())與(function(){})()

這兩種寫(xiě)法，都是一種 立即執行函數 的寫(xiě)法，即IIFE (Immediately Invoked Function Expression)。這種函數在函數定義的地方就直接執行了。

通常的函數聲明和調用分開(kāi)的寫(xiě)法如下：

function foo() {/*...*/}     // 這是定義，Declaration；定義只是讓解釋器知道其存在，但是不會(huì )運行。

foo();                   // 這是語(yǔ)句，Statement；解釋器遇到語(yǔ)句是會(huì )運行它的。

普通的函數聲明function foo(){}是不會(huì )執行的。這里如果直接這樣寫(xiě)function foo(){}()解釋器會(huì )報錯的，因為是錯誤的語(yǔ)法。

IIFE函數的調用方式通常是將函數表達式、它的調用操作符、分組操作符放到一個(gè)括號內，來(lái)告訴解釋器這里有一個(gè)需要立即執行的函數。否則通常情況下，解析器遇到一個(gè)function關(guān)鍵字，都會(huì )把它當做是一個(gè)函數聲明，而不是函數表達式。

如下幾種寫(xiě)法都是可以的：

(function foo(){/*...*/}());

(function foo(){/*...*/})();

!function foo() {/*...*/}();

+function foo() {/*...*/}();

-function foo() {/*...*/}();

~function foo() {/*...*/}();

在需要表達式的場(chǎng)景下，就不需要用括號括起來(lái)了：

void function(){/*...*/}();

var foo = function(){/*...*/}(); 

true && function () { /*...*/ }();

0, function () { /*...*/ }();

void聲明了不需要返回值，第二個(gè)則將IIFE函數的返回值賦給了foo。第三、第四個(gè)都是明確需要表達式的場(chǎng)景，所以解析器會(huì )認識這種寫(xiě)法。

對于IIFE函數，也可以給它們傳入參數，例如：

(function foo(arg1,arg2,...){...}(param1,param2,...));

對于常見(jiàn)的

(function( $ ){...})(jQuery);

即是將實(shí)參jQuery傳入函數function( $ ){}，通過(guò)形參 $ 接收。

上述函數中，最開(kāi)始的那個(gè)括號，可能會(huì )由于js中自動(dòng)分號插入機制而引發(fā)問(wèn)題。例如：

a  =  b  +  c 

;（function  （） { 

  // code 

}）（）;

如果沒(méi)有第二行的分號，那么該處有可能被解析為c()而開(kāi)始執行。所以有的時(shí)候，可能會(huì )看到這樣的寫(xiě)法：;(function foo(){/…/}())，前邊的分號可以認為是防御型分號。

2. 第二類(lèi)是$(function(){});

(function()/.../);是(function()/.../);是(document).ready(function(){/…/})的簡(jiǎn)寫(xiě)形式，是在DOM加載完成后執行的回調函數，并且只會(huì )執行一次。

$( document ).ready(function() {

   console.log( "ready!" );

});   

和

$(function() {

   console.log( "ready!" );

});

起到的效果完全一樣。

在一個(gè)頁(yè)面中不同的js中寫(xiě)的$(function(){/…/});函數，會(huì )根據js的排列順序依次執行。