JavaScript--閉包(Closure)

閉包(Closure)是一個老生常談的話題外驱,也是JavaScript重要的特性之一(閉包和異步)

說閉包之前我們先了解下作用域(scopes)

作用域分為全局變量和局部變量刻剥。
在函數(shù)下定義var就會產(chǎn)生一個局部變量遮咖,否則就會創(chuàng)建一個全局變量。全局變量是一個定時炸彈造虏,要小心對待御吞。
可以開啟嚴格模式檢查 'use strict'

JavaScript有一個特性,外部的訪問不到內(nèi)部的漓藕,內(nèi)部可以訪問外部的陶珠。
var a = 0
;(function cope(){
    var b = 1
    console.log(a)// 0
})()
console.log(b)// defined

另一個作用域想要獲取內(nèi)部作用域變量,需要變通下享钞。

var a = 0
;(function cope(){
    var b = 1
    console.log(a)//0
    ;(function test(){
        console.log(b)// 1
    })()
})()

上面的代碼里揍诽,test嵌套在cope里面,test可以訪問cope里面的變量嫩与,那么就是閉包么寝姿,也許是吧,但確切說并不是划滋。
為什么說是饵筑,因為test嵌套在cope函數(shù)里面,test可以訪問到cope的代碼处坪。
為什么說不是根资,因為這只是滿足了一部分閉包的一部分規(guī)則,但這是最重要的同窘。

那什么是閉包
var c = (function(){
    var _var = 0
    function test(){
        console.log(_var)
    }
    return test
})()
c()// 媽媽玄帕,你看這就是閉包

對比上面的代碼,有什么變化想邦? 對裤纹,就是return回去,然后實際調(diào)用丧没。
test函數(shù)在外部調(diào)用鹰椒,閉包可以繼續(xù)享受定義時的語法作用域锡移。

注意:閉包創(chuàng)建完之后,this是window

閉包可以有效防止變量沖突漆际,還有一個常用的是立即執(zhí)行函數(shù)(IIFE)
如上面的代碼

// 顯示函數(shù)請用(function(){})() 的寫法淆珊,不然外部調(diào)用不到
;!function(){
    // lalalalalala
}()

我們利用IIFE來解決不希望copes發(fā)生的事情。

var arr = []
for(var i=0; i < 10; i++){
  arr[i] = function(){
    console.log(i)
  }
}
arr[0]() //  10 納尼奸汇?媽媽施符,這是怎么回事?

媽媽:因為所有函數(shù)共享同一個[[Scope]]
試著用IIFE得到真確的值:

var arr = []
for(var i=0; i < 10; i++){
  ;(function(i){
    arr[i] = function(){
     console.log(i)
    }
  })(i)
}
arr[0]()

嚴格來說IIFE并不是閉包擂找。

寫一個柯里化玩玩
function a(){
  var i = 0
  function init(v){
    i = v+i
    console.log(i)
    return init
  }
  return init
}
var a = a()

更多實例請看開源的庫戳吝,比如書生寫的XXY

如遇到錯誤,懇請批評指正婴洼,謝謝骨坑!

---END--

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末撼嗓,一起剝皮案震驚了整個濱河市柬采,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌且警,老刑警劉巖粉捻,帶你破解...
    沈念sama閱讀 216,544評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異斑芜,居然都是意外死亡肩刃,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,430評論 3 392
  • 文/潘曉璐 我一進店門杏头,熙熙樓的掌柜王于貴愁眉苦臉地迎上來盈包,“玉大人,你說我怎么就攤上這事醇王∧卦铮” “怎么了?”我有些...
    開封第一講書人閱讀 162,764評論 0 353
  • 文/不壞的土叔 我叫張陵寓娩,是天一觀的道長叛氨。 經(jīng)常有香客問我,道長棘伴,這世上最難降的妖魔是什么寞埠? 我笑而不...
    開封第一講書人閱讀 58,193評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮焊夸,結(jié)果婚禮上仁连,老公的妹妹穿的比我還像新娘。我一直安慰自己阱穗,他們只是感情好饭冬,可當我...
    茶點故事閱讀 67,216評論 6 388
  • 文/花漫 我一把揭開白布帅容。 她就那樣靜靜地躺著,像睡著了一般伍伤。 火紅的嫁衣襯著肌膚如雪并徘。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,182評論 1 299
  • 那天扰魂,我揣著相機與錄音麦乞,去河邊找鬼。 笑死劝评,一個胖子當著我的面吹牛姐直,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播蒋畜,決...
    沈念sama閱讀 40,063評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼声畏,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了姻成?” 一聲冷哼從身側(cè)響起插龄,我...
    開封第一講書人閱讀 38,917評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎科展,沒想到半個月后均牢,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,329評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡才睹,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,543評論 2 332
  • 正文 我和宋清朗相戀三年徘跪,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片琅攘。...
    茶點故事閱讀 39,722評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡垮庐,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出坞琴,到底是詐尸還是另有隱情哨查,我是刑警寧澤,帶...
    沈念sama閱讀 35,425評論 5 343
  • 正文 年R本政府宣布置济,位于F島的核電站解恰,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏浙于。R本人自食惡果不足惜护盈,卻給世界環(huán)境...
    茶點故事閱讀 41,019評論 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望羞酗。 院中可真熱鬧腐宋,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,671評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至卫枝,卻和暖如春煎饼,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背校赤。 一陣腳步聲響...
    開封第一講書人閱讀 32,825評論 1 269
  • 我被黑心中介騙來泰國打工吆玖, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人马篮。 一個月前我還...
    沈念sama閱讀 47,729評論 2 368
  • 正文 我出身青樓沾乘,卻偏偏與公主長得像,于是被迫代替她去往敵國和親浑测。 傳聞我的和親對象是個殘疾皇子翅阵,可洞房花燭夜當晚...
    茶點故事閱讀 44,614評論 2 353

推薦閱讀更多精彩內(nèi)容