快捷導(dǎo)航

javascript閉包功能與用法實(shí)例分析

更新時(shí)間：2017年04月06日 14:47:02 作者：布瑞澤的童話

這篇文章主要介紹了javascript閉包功能與用法,結(jié)合具體實(shí)例形式深入淺出的分析了javascript中閉包的概念、功能、使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下

本文實(shí)例講述了javascript閉包功能與用法。分享給大家供大家參考，具體如下：

理解閉包

閉包這個(gè)東西，確實(shí)是很麻煩。之前我自己的理解也是有一點(diǎn)誤差，所以今天將文章修改修改，爭取將自己的理解進(jìn)一步準(zhǔn)確化。

閉包說得通熟易懂一點(diǎn)，就是指有權(quán)訪問另一個(gè)函數(shù)作用域的變量的函數(shù)。創(chuàng)建閉包的常見方式，就是在一個(gè)函數(shù)內(nèi)部創(chuàng)建另外一個(gè)函數(shù)，并返回。

我們這里舉一個(gè)例子來說明，首先我們?cè)诤瘮?shù)f1內(nèi)部定義一個(gè)函數(shù)f2。

function f1(){
  var n=999;
  function f2(){
    alert(n); // 999
  }
}

f2可以訪問f1的作用域，反過來就不行了?，F(xiàn)在我們想訪問f1中的n，在外層卻訪問不到，怎么辦呢？將f2作為f1的返回值就可以了：

function f1(){
  var n=999;
  function f2(){
    alert(n);
  }
  return f2;
}
var result=f1();
result(); // 999

這個(gè)就是閉包。

其實(shí)也很簡單，那么閉包有什么用呢？

閉包的使用

之前的自己只知道閉包的概念，卻并不知道其存在的價(jià)值和意義。直到自己在項(xiàng)目中遇到類似的問題后，才發(fā)現(xiàn)只有閉包才能解決的情況。

閉包是使用可以帶來以下好處：

1. 希望一個(gè)變量長期駐扎在內(nèi)存中
2. 避免全局變量的污染
3. 私有成員的存在

我們剛才說到過，閉包可以讀取到函數(shù)內(nèi)部的變量，這是由于閉包后函數(shù)的堆棧不會(huì)釋放，也就是說這些值始終保持在內(nèi)存中。這是一個(gè)優(yōu)點(diǎn)，也是一個(gè)缺點(diǎn)。

我們可以通過閉包來實(shí)現(xiàn)一個(gè)計(jì)數(shù)器，而不用擔(dān)心全局變量的污染：

function f1(){
  var n=999;
  nAdd=function(){n+=1}
  function f2(){
    alert(n);
  }
  return f2;
}
var result=f1();
result(); // 999
nAdd();
result(); // 1000

可以看到n一直存儲(chǔ)在內(nèi)存中，并沒有在f1調(diào)用后被自動(dòng)清除。

我們?cè)賮砜纯慈绾瓮ㄟ^閉包來模擬JavaScript中的私有成員：

var aaa = (function(){
  var a = 1;
  function bbb(){
    a++;
    alert(a);
  }
  function ccc(){
    a++;
    alert(a);
  }
  return {
    b:bbb,    //json結(jié)構(gòu)
    c:ccc
  }
})();
aaa.b();  //2
aaa.c();  //3

這樣就可以提供指定的變量供外界訪問了。

閉包解決的問題

這是一個(gè)很常見的問題，就是利用javascript處理循環(huán)的時(shí)候，索引i的值不能有效的利用：