// 由于該function里返回了另外一個function，其中這個function可以訪問自由變量i// 所有說，這個內(nèi)部的function實際上是有權限可以調(diào)用內(nèi)部的對象。function makeCounter() {    // 只能在makeCounter內(nèi)部訪問i    var i = 0;
    return function () {        console.log(++i);    };}
// 注意，counter和counter2是不同的實例，分別有自己范圍內(nèi)的i。
var counter = makeCounter();counter(); // logs: 1counter(); // logs: 2
var counter2 = makeCounter();counter2(); // logs: 1counter2(); // logs: 2
alert(i); // 引用錯誤：i沒有defind（因為i是存在于makeCounter內(nèi)部）。

// 因為想下面第一個聲明的function可以在后面加一個括弧()就可以自己執(zhí)行了，比如foo()，// 因為foo僅僅是function() { /* code */ }這個表達式的一個引用
var foo = function(){ /* code */ }
// ...是不是意味著后面加個括弧都可以自動執(zhí)行？
function(){ /* code */ }(); // SyntaxError: Unexpected token (//

// 下面這個function在語法上是沒問題的，但是依然只是一個語句// 加上括號()以后依然會報錯，因為分組操作符需要包含表達式
function foo(){ /* code */ }(); // SyntaxError: Unexpected token )
// 但是如果你在括弧()里傳入一個表達式，將不會有異常拋出// 但是foo函數(shù)依然不會執(zhí)行function foo(){ /* code */ }( 1 );
// 因為它完全等價于下面這個代碼，一個function聲明后面，又聲明了一個毫無關系的表達式：function foo(){ /* code */ }
( 1 );

// 下面2個括弧()都會立即執(zhí)行
(function () { /* code */ } ()); // 推薦使用這個(function () { /* code */ })(); // 但是這個也是可以用的
// 由于括弧()和JS的&&，異或，逗號等操作符是在函數(shù)表達式和函數(shù)聲明上消除歧義的// 所以一旦解析器知道其中一個已經(jīng)是表達式了，其它的也都默認為表達式了// 不過，請注意下一章節(jié)的內(nèi)容解釋
var i = function () { return 10; } ();true && function () { /* code */ } ();0, function () { /* code */ } ();
// 如果你不在意返回值，或者不怕難以閱讀// 你甚至可以在function前面加一元操作符號
!function () { /* code */ } ();~function () { /* code */ } ();-function () { /* code */ } ();+function () { /* code */ } ();
// 還有一個情況，使用new關鍵字,也可以用，但我不確定它的效率// http://twitter.com/kuvos/status/18209252090847232
new function () { /* code */ }new function () { /* code */ } () // 如果需要傳遞參數(shù)，只需要加上括弧()

// 這個代碼是錯誤的，因為變量i從來就沒背locked住// 相反，當循環(huán)執(zhí)行以后，我們在點擊的時候i才獲得數(shù)值// 因為這個時候i操真正獲得值// 所以說無論點擊那個連接，最終顯示的都是I am link #10（如果有10個a元素的話）
var elems = document.getElementsByTagName('a');
for (var i = 0; i < elems.length; i++) {
    elems[i].addEventListener('click', function (e) {        e.preventDefault();        alert('I am link #' + i);    }, 'false');
}
// 這個是可以用的，因為他在自執(zhí)行函數(shù)表達式閉包內(nèi)部// i的值作為locked的索引存在，在循環(huán)執(zhí)行結束以后，盡管最后i的值變成了a元素總數(shù)（例如10）// 但閉包內(nèi)部的lockedInIndex值是沒有改變，因為他已經(jīng)執(zhí)行完畢了// 所以當點擊連接的時候，結果是正確的
var elems = document.getElementsByTagName('a');
for (var i = 0; i < elems.length; i++) {
    (function (lockedInIndex) {
        elems[i].addEventListener('click', function (e) {            e.preventDefault();            alert('I am link #' + lockedInIndex);        }, 'false');
    })(i);
}
// 你也可以像下面這樣應用，在處理函數(shù)那里使用自執(zhí)行函數(shù)表達式// 而不是在addEventListener外部// 但是相對來說，上面的代碼更具可讀性
var elems = document.getElementsByTagName('a');
for (var i = 0; i < elems.length; i++) {
    elems[i].addEventListener('click', (function (lockedInIndex) {        return function (e) {            e.preventDefault();            alert('I am link #' + lockedInIndex);        };    })(i), 'false');
}

// 這是一個自執(zhí)行的函數(shù)，函數(shù)內(nèi)部執(zhí)行自身，遞歸function foo() { foo(); }
// 這是一個自執(zhí)行的匿名函數(shù)，因為沒有標示名稱// 必須使用arguments.callee屬性來執(zhí)行自己var foo = function () { arguments.callee(); };
// 這可能也是一個自執(zhí)行的匿名函數(shù)，僅僅是foo標示名稱引用它自身// 如果你將foo改變成其它的，你將得到一個used-to-self-execute匿名函數(shù)var foo = function () { foo(); };
// 有些人叫這個是自執(zhí)行的匿名函數(shù)（即便它不是），因為它沒有調(diào)用自身，它只是立即執(zhí)行而已。(function () { /* code */ } ());
// 為函數(shù)表達式添加一個標示名稱，可以方便Debug// 但一定命名了，這個函數(shù)就不再是匿名的了(function foo() { /* code */ } ());
// 立即調(diào)用的函數(shù)表達式（IIFE）也可以自執(zhí)行，不過可能不常用罷了(function () { arguments.callee(); } ());(function foo() { foo(); } ());
// 另外，下面的代碼在黑莓5里執(zhí)行會出錯，因為在一個命名的函數(shù)表達式里，他的名稱是undefined// 呵呵，奇怪(function foo() { foo(); } ());

// 創(chuàng)建一個立即調(diào)用的匿名函數(shù)表達式// return一個變量，其中這個變量里包含你要暴露的東西// 返回的這個變量將賦值給counter，而不是外面聲明的function自身
var counter = (function () {    var i = 0;
    return {        get: function () {            return i;        },        set: function (val) {            i = val;        },        increment: function () {            return ++i;        }    };} ());
// counter是一個帶有多個屬性的對象，上面的代碼對于屬性的體現(xiàn)其實是方法
counter.get(); // 0counter.set(3);counter.increment(); // 4counter.increment(); // 5
counter.i; // undefined 因為i不是返回對象的屬性i; // 引用錯誤: i 沒有定義（因為i只存在于閉包）