快捷導(dǎo)航

javascript中閉包(Closure)詳解

更新時間：2016年01月06日 08:39:51 投稿：hebedich

閉包（closure）是Javascript語言的一個難點，也是它的特色，很多高級應(yīng)用都要依靠閉包實現(xiàn)。小編之前一直糊里糊涂的，沒有能夠弄明白JavaScript的閉包到底是什么，有什么用，本文把自己的理解些出來分享一下，希望不理解JavaScript閉包的朋友們看了之后能夠理解閉包！

在javascript中，函數(shù)可看作是一種數(shù)據(jù)，可以賦值給變量，可以嵌套在另一個函數(shù)中。

var fun = function(){
  console.log("平底斜");
}

function fun(){
  var n=10;
  function son(){
    n++;
  }
  son();
  console.log(n);
}
fun(); //11
fun(); //11

我們把上面第二段代碼稍微修改下：

var n=10;
function fun(){
  function son(){
    n++;
  }
  son();
  console.log(n);
}
fun(); //11
fun(); //12

看出差別了嗎，如果理解不了代碼執(zhí)行結(jié)果，請看上一篇博文，關(guān)于javascript作用域和作用域鏈的講解。

上面這段代碼中變量n是全局變量，隨時可能被重新賦值，而無需通過fun函數(shù)的調(diào)用。為了讓變量n不受污染，或者說是減少全局變量的污染，我們需要把n放到函數(shù)中作為局部變量。

function fun(){
  var n=10;
  function son(){
    n++;
    console.log(n);
  }
  son();
}
fun(); //11
fun(); //11

如果我們可以在全局中直接調(diào)用son函數(shù)，那么便可以達成想要的效果。son函數(shù)現(xiàn)在是作為局部變量存在，要想在全局中訪問，一般有兩種方法：

一種是賦值給全局變量

var a;
function fun(){
  var n=10;
  a = function son(){
    n++;
    console.log(n);
  }
}
fun(); //son()
a(); //11
a(); //12

另一種是使用return返回值

function fun(){
  var n=10;
  return function son(){
    n++;
    console.log(n);
  }
}
var a=fun();
a(); //11
a(); //12

上面的son()函數(shù)就是閉包，某種意義上所有函數(shù)都可以看作閉包。閉包就是可以訪問外層函數(shù)作用域的變量的函數(shù)。

var a;
function fun(){
  var n=10;
  a = function son(){
    n++;
    console.log(n);
  }
  return a();
}
fun(); //11
a(); //12
a(); //13
fun(); //11
a(); //12
a(); //13

還是上面那段代碼，我們稍微修改下，再看看執(zhí)行結(jié)果，這是因為每次執(zhí)行fun()函數(shù)時都會初始化變量n。

閉包的好處是減少全局變量，避免全局污染，可以將局部變量保存在內(nèi)存中。但這既是優(yōu)點又是缺點，一段代碼中如果閉包過多，有可能造成內(nèi)存泄露。由于閉包中局部變量不會被垃圾回收機制回收，所以需要手動賦值為null（關(guān)于內(nèi)存泄露，后期單獨開專題）

您可能感興趣的文章: