JavaScript中的閉包

什么是閉包,閉包的定義是什么

函數(shù)和其本身對周圍狀態(tài)的引用兩者捆綁在一起構(gòu)成閉包。也即是說閉包可以從函數(shù)內(nèi)部訪問外部的作用域,在js中迫靖,每當(dāng)函數(shù)創(chuàng)建時院峡,就會在函數(shù)生成時生成閉包。

閉包是js函數(shù)作用域的副產(chǎn)品系宜,正是由于JS函數(shù)內(nèi)部可以訪問函數(shù)外部變量的設(shè)定符合了閉包的定義照激,所以才會有了閉包。

閉包是什么樣子的

eg.1:
var name = 'zhang san';
function show() {
    console.log(show);
}

show() // zhang san 

以上例子完全滿足閉包的定義:函數(shù)內(nèi)部可以訪問函數(shù)外部的變量盹牧,這就是一個簡單的閉包俩垃。

eg.2:
function foo(){
  var local = 1
  function bar(){
    local++
    return local
  }
  return bar
}

var func = foo()
func() // 2

上面這個是創(chuàng)建閉包的常見方式,即在一個函數(shù)內(nèi)部創(chuàng)建另一個函數(shù)汰寓;
在這上面函數(shù)bar與變量local組成了一個閉包口柳;
函數(shù)bar,return出來有滑,是為了能夠在函數(shù)foo外能夠訪問函數(shù)bar跃闹;如果不return出來,在函數(shù)foo外就無法使用這個函數(shù)毛好,把return改為window.bar=bar是一樣的望艺;所以return bar只是為了bar能被使用,和閉包無關(guān)肌访。

eg.3:
var foo = {};

// 初始化
(function (object) {

  var x = 10;

  object.getX = function() {
    return x;
  };

})(foo);

alert(foo.getX()); // 10

立即執(zhí)行函數(shù)與閉包結(jié)合使用找默,匿名函數(shù)內(nèi)部的變量x函數(shù)外無法訪問,通過函數(shù)getx對外暴露出內(nèi)部變量吼驶,這就形成了閉包惩激;
閉包和立即執(zhí)行和書沒有必然聯(lián)系店煞,只是有時想用到閉包那么可以用(function(){})()來構(gòu)成閉包,而不是(function(){})()是閉包咧欣。

閉包的使用場景

1.利用閉包實(shí)現(xiàn)模塊化

(function () {
  var a = 10;
  var b = 20;

  function add(num1, num2) {
    var num1 = !!num1 ? num1 : a;
    var num2 = !!num2 ? num2 : b;

    return num1 + num2;
  }

  window.add = add;
})();

add(10, 20);

2.采用函數(shù)引用方式的setTimeOut調(diào)用(原生的setTimeout傳遞的第一個函數(shù)不能帶參數(shù))

function f1(a) {
    function f2() {
        console.log(a);
    }
    return f2;
}
var fun = f1(1);
setTimeout(fun,1000);

引用參考來源

「每日一題」JS 中的閉包是什么浅缸?

前端基礎(chǔ)進(jìn)階(五):閉包

閉包的概念以及使用場景

閉包的使用場景

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市魄咕,隨后出現(xiàn)的幾起案子衩椒,更是在濱河造成了極大的恐慌,老刑警劉巖哮兰,帶你破解...
    沈念sama閱讀 211,639評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件毛萌,死亡現(xiàn)場離奇詭異,居然都是意外死亡喝滞,警方通過查閱死者的電腦和手機(jī)阁将,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,277評論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來右遭,“玉大人做盅,你說我怎么就攤上這事【焦” “怎么了吹榴?”我有些...
    開封第一講書人閱讀 157,221評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長滚婉。 經(jīng)常有香客問我图筹,道長,這世上最難降的妖魔是什么让腹? 我笑而不...
    開封第一講書人閱讀 56,474評論 1 283
  • 正文 為了忘掉前任远剩,我火速辦了婚禮,結(jié)果婚禮上骇窍,老公的妹妹穿的比我還像新娘瓜晤。我一直安慰自己,他們只是感情好腹纳,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,570評論 6 386
  • 文/花漫 我一把揭開白布活鹰。 她就那樣靜靜地躺著,像睡著了一般只估。 火紅的嫁衣襯著肌膚如雪志群。 梳的紋絲不亂的頭發(fā)上笛园,一...
    開封第一講書人閱讀 49,816評論 1 290
  • 那天爷狈,我揣著相機(jī)與錄音,去河邊找鬼褂乍。 笑死吁脱,一個胖子當(dāng)著我的面吹牛桑涎,可吹牛的內(nèi)容都是我干的彬向。 我是一名探鬼主播,決...
    沈念sama閱讀 38,957評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼攻冷,長吁一口氣:“原來是場噩夢啊……” “哼娃胆!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起等曼,我...
    開封第一講書人閱讀 37,718評論 0 266
  • 序言:老撾萬榮一對情侶失蹤里烦,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后禁谦,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體胁黑,經(jīng)...
    沈念sama閱讀 44,176評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,511評論 2 327
  • 正文 我和宋清朗相戀三年州泊,在試婚紗的時候發(fā)現(xiàn)自己被綠了丧蘸。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,646評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡遥皂,死狀恐怖力喷,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情演训,我是刑警寧澤弟孟,帶...
    沈念sama閱讀 34,322評論 4 330
  • 正文 年R本政府宣布,位于F島的核電站仇祭,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏颈畸。R本人自食惡果不足惜乌奇,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,934評論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望眯娱。 院中可真熱鬧礁苗,春花似錦、人聲如沸徙缴。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,755評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽于样。三九已至疏叨,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間穿剖,已是汗流浹背蚤蔓。 一陣腳步聲響...
    開封第一講書人閱讀 31,987評論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留糊余,地道東北人秀又。 一個月前我還...
    沈念sama閱讀 46,358評論 2 360
  • 正文 我出身青樓单寂,卻偏偏與公主長得像,于是被迫代替她去往敵國和親吐辙。 傳聞我的和親對象是個殘疾皇子宣决,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,514評論 2 348