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

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

通常的函數(shù)聲明和調(diào)用分開的寫法如下：

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

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

普通的函數(shù)聲明function foo(){}是不會執(zhí)行的。這里如果直接這樣寫function foo(){}()解釋器會報錯的，因為是錯誤的語法。

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

如下幾種寫法都是可以的：

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

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

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

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

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

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

在需要表達式的場景下，就不需要用括號括起來了：

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

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

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

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

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

對于IIFE函數(shù)，也可以給它們傳入?yún)?shù)，例如：

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

對于常見的

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

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

上述函數(shù)中，最開始的那個括號，可能會由于js中自動分號插入機制而引發(fā)問題。例如：

a  =  b  +  c 

;（function  （） { 

  // code 

}）（）;

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

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

(function()/.../);是(function()/.../);是(document).ready(function(){/…/})的簡寫形式，是在DOM加載完成后執(zhí)行的回調(diào)函數(shù)，并且只會執(zhí)行一次。

$( document ).ready(function() {

   console.log( "ready!" );

});   

和

$(function() {

   console.log( "ready!" );

});

起到的效果完全一樣。

在一個頁面中不同的js中寫的$(function(){/…/});函數(shù)，會根據(jù)js的排列順序依次執(zhí)行。