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

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

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

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

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

普通的函數(shù)聲明function foo(){}是不會(huì)執(zhí)行的。這里如果直接這樣寫function foo(){}()解釋器會(huì)報(bào)錯(cuò)的，因?yàn)槭清e(cuò)誤的語(yǔ)法。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

對(duì)于常見(jiàn)的

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

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

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

a  =  b  +  c 

;（function  （） { 

  // code 

}）（）;

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

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

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

$( document ).ready(function() {

   console.log( "ready!" );

});   

和

$(function() {

   console.log( "ready!" );

});

起到的效果完全一樣。

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