幾句話講清 JS 閉包

閉包


所有的函數(shù)式編程語言中,閉包的概念都尤為重要垂蜗。Javascript 作為 github 上第一語言,是當(dāng)今 “最好的語言” 解幽。如果你對這個還存有異議贴见,我猜你八成不懂 JS 的閉包。

廢話不多說躲株,進(jìn)入正題片部,先上個代碼

var i = 0;
function generator(){
    return function(){
        i++;
        return i;
    }
}

var f1 = generator();
console.log(f1());   // #1: 1
console.log(f1());   // #2: 2

對于上面的例子霜定,函數(shù) f1 是由 generator 函數(shù)生成的档悠。很明顯,它們的運(yùn)行結(jié)果是和 generator 外的變量 i 相關(guān)望浩,我們稱這類的函數(shù)為”非封閉"的辖所。

我們再看下面這個例子

function f(){
  var i = 0;
  i++;
  return i;
}

從上面的代碼可以看出,函數(shù) f 的運(yùn)行不依賴任何外界因素磨德,我稱它是“封閉”的缘回。

封閉與非封閉


對于“封閉”函數(shù),你不管在何處剖张、在何時調(diào)用它切诀,它的執(zhí)行結(jié)果總是一致的,比如上面的 f() 永遠(yuǎn)返回 1.

對于“非封閉”函數(shù)搔弄,調(diào)用它的話幅虑,它的執(zhí)行結(jié)果是和調(diào)用時機(jī)有關(guān)的,因?yàn)樗膱?zhí)行和它外面的環(huán)境有關(guān)顾犹。在上面的例子中倒庵, f1 的執(zhí)行結(jié)果,與全局變量 i 相關(guān)炫刷。比如

var i = 0擎宝;
function generator(){
    return function(){
        i++;
        return i;
    }
}

var f1 = generator();
f1() // 1

i = 10
f1() // 11

因?yàn)?f1 依賴變量 i,所以只要 i 的值發(fā)生變化浑玛,f1 的行為就會受到影響绍申。或者說,f1 的行為不被 f1 自己完全控制极阅。忽視變量 i胃碾,你就不能對 f1 的執(zhí)行結(jié)果進(jìn)行有效預(yù)測。

另一方面筋搏,只要 f1 所依賴的所有外界因素都保持不變(這里指變量 i)仆百,那么 f1 的行為就可以被預(yù)測。

換句話說奔脐, f1 + “所依賴的外界因素” = 一個“封閉”的系統(tǒng)俄周,我們把這個系統(tǒng)稱為一個“閉包”。

后續(xù)話題


本片文章簡單地介紹了閉包的概念髓迎,如果要更好地理解峦朗、掌握閉包,下面這些領(lǐng)域必須要搞清楚

  • 變量的生命周期
  • 作用域
  • 變量垃圾回收機(jī)制(GC)

比如下面這個例子

function generator(){
    var i = 0;
    return function(){
        i++;
        return i;
    }
}

var f1 = generator(),
    f2 = generator();
console.log(f1()); // 1 
console.log(f1()); // 2
console.log(f2()); // 1
console.log(f2()); // 2

以及

function test(a){
    a = {
        name: "changed"
    };
}

var b = {
    name: "hello"
}

test(b);
console.log(b.name); // hello

文章的鏈接后續(xù)加上竖般。甚垦。。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末涣雕,一起剝皮案震驚了整個濱河市艰亮,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌挣郭,老刑警劉巖迄埃,帶你破解...
    沈念sama閱讀 212,542評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異兑障,居然都是意外死亡侄非,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,596評論 3 385
  • 文/潘曉璐 我一進(jìn)店門流译,熙熙樓的掌柜王于貴愁眉苦臉地迎上來逞怨,“玉大人,你說我怎么就攤上這事福澡〉猓” “怎么了?”我有些...
    開封第一講書人閱讀 158,021評論 0 348
  • 文/不壞的土叔 我叫張陵革砸,是天一觀的道長除秀。 經(jīng)常有香客問我,道長算利,這世上最難降的妖魔是什么册踩? 我笑而不...
    開封第一講書人閱讀 56,682評論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮效拭,結(jié)果婚禮上卷仑,老公的妹妹穿的比我還像新娘。我一直安慰自己凤藏,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,792評論 6 386
  • 文/花漫 我一把揭開白布扒怖。 她就那樣靜靜地躺著,像睡著了一般业稼。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上蚂蕴,一...
    開封第一講書人閱讀 49,985評論 1 291
  • 那天低散,我揣著相機(jī)與錄音,去河邊找鬼骡楼。 笑死熔号,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的鸟整。 我是一名探鬼主播引镊,決...
    沈念sama閱讀 39,107評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼篮条!你這毒婦竟也來了弟头?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,845評論 0 268
  • 序言:老撾萬榮一對情侶失蹤涉茧,失蹤者是張志新(化名)和其女友劉穎赴恨,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體伴栓,經(jīng)...
    沈念sama閱讀 44,299評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡伦连,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,612評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了钳垮。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片惑淳。...
    茶點(diǎn)故事閱讀 38,747評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖饺窿,靈堂內(nèi)的尸體忽然破棺而出歧焦,到底是詐尸還是另有隱情,我是刑警寧澤短荐,帶...
    沈念sama閱讀 34,441評論 4 333
  • 正文 年R本政府宣布倚舀,位于F島的核電站,受9級特大地震影響忍宋,放射性物質(zhì)發(fā)生泄漏痕貌。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,072評論 3 317
  • 文/蒙蒙 一糠排、第九天 我趴在偏房一處隱蔽的房頂上張望舵稠。 院中可真熱鬧,春花似錦、人聲如沸哺徊。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,828評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽落追。三九已至盈滴,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間轿钠,已是汗流浹背巢钓。 一陣腳步聲響...
    開封第一講書人閱讀 32,069評論 1 267
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留疗垛,地道東北人症汹。 一個月前我還...
    沈念sama閱讀 46,545評論 2 362
  • 正文 我出身青樓,卻偏偏與公主長得像贷腕,于是被迫代替她去往敵國和親背镇。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,658評論 2 350

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

  • 閉包(closure)是Javascript語言的一個難點(diǎn)泽裳,也是它的特色瞒斩,很多高級應(yīng)用都要依靠閉包實(shí)現(xiàn)。 一诡壁、變量...
    zock閱讀 1,075評論 2 6
  • 閉包(closure)是Javascript語言的一個難點(diǎn)济瓢,也是它的特色,很多高級應(yīng)用都要依靠閉包實(shí)現(xiàn)妹卿。 一旺矾、變量...
    zouCode閱讀 1,271評論 0 13
  • 作用域和閉包是 JavaScript 最重要的概念之一,想要進(jìn)一步學(xué)習(xí) JavaScript夺克,就必須理解 Java...
    劼哥stone閱讀 1,174評論 1 13
  • 官方中文版原文鏈接 感謝社區(qū)中各位的大力支持箕宙,譯者再次奉上一點(diǎn)點(diǎn)福利:阿里云產(chǎn)品券,享受所有官網(wǎng)優(yōu)惠铺纽,并抽取幸運(yùn)大...
    HetfieldJoe閱讀 5,600評論 16 88
  • “鄧先生柬帕,你很幸運(yùn),目前你是自Y1H2NW病毒爆發(fā)后狡门,全球唯一的幸存者陷寝。這就意味著,你是地球上僅存的男人其馏》锱埽” 鄧森...
    等風(fēng)的葉閱讀 976評論 5 11