function makeCounter() {
  var i = 0;
  return function(){
    console.log(++i);
  };  
}

//記?。篳counter`和`counter2`都有他們自己的變量 `i`

var counter = makeCounter();
counter();//1
counter();//2

var counter2 = makeCounter();
counter2();//1
counter2();//2

i;//ReferenceError: i is not defined(它只存在于makeCounter里)

//向下面這樣定義的函數(shù)可以通過在函數(shù)名后加一對括號進行調(diào)用，像這樣`foo()`，
//因為foo相對于函數(shù)表達式`function(){/* code */}`只是一個引用變量

var foo = function(){/* code */}

//那這可以說明函數(shù)表達式可以通過在其后加上一對括號自己調(diào)用自己嗎？

function(){ /* code */}(); //SyntaxError: Unexpected token (

//然而函數(shù)聲明語法上是無效的，它仍然是一個聲明，緊跟著的圓括號是無效的，因為圓括號里需要包含表達式

function foo(){ /* code */ }();//SyntaxError: Unexpected token

//現(xiàn)在，你把一個表達式放在圓括號里，沒有拋出錯誤...,但是函數(shù)也并沒有執(zhí)行，因為：

function foo(){/* code */}(1)

//它等同于如下，一個函數(shù)聲明跟著一個完全沒有關(guān)系的表達式:

function foo(){/* code */}
(1);

//這兩種模式都可以被用來立即調(diào)用一個函數(shù)表達式，利用函數(shù)的執(zhí)行來創(chuàng)造私有變量

(function(){/* code */}());//Crockford recommends this one，括號內(nèi)的表達式代表函數(shù)立即調(diào)用表達式
(function(){/* code */})();//But this one works just as well，括號內(nèi)的表達式代表函數(shù)表達式

// Because the point of the parens or coercing operators is to disambiguate
// between function expressions and function declarations, they can be
// omitted when the parser already expects an expression (but please see the
// "important note" below).

var i = function(){return 10;}();
true && function(){/*code*/}();
0,function(){}();

//如果你并不關(guān)心返回值，或者讓你的代碼盡可能的易讀，你可以通過在你的函數(shù)前面帶上一個一元操作符來存儲字節(jié)

!function(){/* code */}();
~function(){/* code */}();
-function(){/* code */}();
+function(){/* code */}();

// Here's another variation, from @kuvos - I'm not sure of the performance
// implications, if any, of using the `new` keyword, but it works.
// http://twitter.com/kuvos/status/18209252090847232

new function(){ /* code */ }
new function(){ /* code */ }() // Only need parens if passing arguments

// 它的運行原理可能并不像你想的那樣，因為`i`的值從來沒有被鎖定。
// 相反的，每個鏈接，當被點擊時（循環(huán)已經(jīng)被很好的執(zhí)行完畢），因此會彈出所有元素的總數(shù)，
// 因為這是 `i` 此時的真實值。

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);
}

// 而像下面這樣改寫，便可以了，因為在IIFE里，`i`值被鎖定在了`lockedInIndex`里。
// 在循環(huán)結(jié)束執(zhí)行時，盡管`i`值的數(shù)值是所有元素的總和，但每一次函數(shù)表達式被調(diào)用時，
// IIFE 里的 `lockedInIndex` 值都是`i`傳給它的值,所以當鏈接被點擊時，正確的值被彈出。

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);
}

//你同樣可以像下面這樣使用IIFE，僅僅只用括號包括點擊處理函數(shù)，并不包含整個`addEventListener`。
//無論用哪種方式，這兩個例子都可以用IIFE將值鎖定，不過我發(fā)現(xiàn)前面一個例子更可讀

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ù)，遞歸的調(diào)用自己本身

function foo(){foo();};

//這是一個自執(zhí)行匿名函數(shù)。因為它沒有標識符，它必須是使用`arguments.callee`屬性來調(diào)用它自己

var foo = function(){arguments.callee();};

//這也許算是一個自執(zhí)行匿名函數(shù)，但是僅僅當`foo`標識符作為它的引用時，如果你將它換成用`foo`來調(diào)用同樣可行

var foo = function(){foo();};

//有些人像這樣叫'self-executing anonymous function'下面的函數(shù),即使它不是自執(zhí)行的，因為它并沒有調(diào)用它自己。然后，它只是被立即調(diào)用了而已。

(function(){ /*code*/ }());

//為函數(shù)表達式增加標識符(也就是說創(chuàng)造一個命名函數(shù))對我們的調(diào)試會有很大幫助。一旦命名，函數(shù)將不再匿名。

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

//IIFEs同樣也可以自執(zhí)行，盡管，也許他不是最有用的模式

(function(){arguments.callee();}())
(function foo(){foo();}())

// One last thing to note: this will cause an error in BlackBerry 5, because
// inside a named function expression, that name is undefined. Awesome, huh?

(function foo(){ foo(); }());

var counter = (function(){
  var i = 0;
  return {
    get: function(){
      return i;
    },
    set: function(val){
      i = val;
    },
    increment: function(){
      return ++i;
    }
  }
  }());
  counter.get();//0
  counter.set(3);
  counter.increment();//4
  counter.increment();//5

  conuter.i;//undefined (`i` is not a property of the returned object)
  i;//ReferenceError: i is not defined (it only exists inside the closure)