1. 程式人生 > >javascript經典閉包問題

javascript經典閉包問題

//閉包
function fun(n,o) {
  console.log(o)
  return {
    fun:function(m){
      return fun(m,n);
    }
  };
}

var a = fun(0);  a.fun(1);  a.fun(2);  a.fun(3);//undefined,?,?,?
var b = fun(0).fun(1).fun(2).fun(3);//undefined,?,?,?
var c = fun(0).fun(1);  c.fun(2);  c.fun(3);//undefined,?,?,?
//問:三行a,b,c的輸出分別是什麼?
// undefined 0 0 0 
// undefined 0 1 2
// undefined 0 1 1

閉包(closure)是Javascript語言的一個難點,也是它的特色,很多高階應用都要依靠閉包實現。
不多解釋,直接上程式碼。

比較常見的一個閉包形式,通過匯出一個function或object來使用一個“私有”變數。

function func(){
    var i=0; //私有變數,外部無法引用
    function func2(){
        return i++; //func2被匯出,並引用私有變數i
    }
    return func2;
}
var ins = func();
ins();//0
ins();//1

閉包防止變數混淆。

var delegates=[];
for(var i=0;i<10;i++){
    delegates.push(function(){F.echo(i, true);});
}
for(var j=0;j<10;j++){
    delegates[j](); //均輸出10,因為i引用了迴圈後的i值
}

var delegates=[];
for(var i=0;i<10;i++){
    delegates.push((function(i){ return function(){F.echo(i, true);};})(i));
}
for(var j=0;j<10;j++){
    delegates[j](); //按順序輸出0-9
}

防止程式碼汙染全域性變數

var name = 'mae';
(function(){
    //這裡面的變數有自己的作用域,不會汙染全域性變數。
    //除非,你沒使用var宣告變數
    var name = 'mae-inner';
})();