js閉包的理解

EasonTyler 發(fā)布于2019-08-20 15:43 / 3452人閱讀

摘要：一般來(lái)講，函數(shù)執(zhí)行完畢后，局部活動(dòng)對(duì)象就會(huì)被銷(xiāo)毀，內(nèi)存中僅保存全局作用域，但是閉包的情況有所不同理解閉包的前提先理解另外兩個(gè)內(nèi)容作用域鏈垃圾回收作用域鏈當(dāng)代碼在執(zhí)行過(guò)程中，會(huì)創(chuàng)建變量對(duì)象的一個(gè)作用域鏈。

閉包是javascript語(yǔ)言的一個(gè)難點(diǎn)，也是它的特色，很多高級(jí)應(yīng)用都要依靠閉包來(lái)實(shí)現(xiàn)。個(gè)人的理解是：函數(shù)中嵌套函數(shù)。

閉包的定義及其優(yōu)缺點(diǎn)

閉包是指有權(quán)訪(fǎng)問(wèn)另一個(gè)函數(shù)作用域中的變量的函數(shù)。創(chuàng)建閉包的常見(jiàn)方式，就是在一個(gè)函數(shù)內(nèi)部創(chuàng)建另一個(gè)函數(shù)。

閉包的缺點(diǎn)是常駐內(nèi)存，會(huì)增大內(nèi)存的使用量，使用不當(dāng)會(huì)造成內(nèi)存泄漏。

應(yīng)用閉包主要是為了：設(shè)計(jì)私有變量和方法。

一般來(lái)講，函數(shù)執(zhí)行完畢后，局部活動(dòng)對(duì)象就會(huì)被銷(xiāo)毀，內(nèi)存中僅保存全局作用域，但是閉包的情況有所不同！

理解閉包的前提先理解另外兩個(gè)內(nèi)容：作用域鏈、垃圾回收

作用域鏈：當(dāng)代碼在執(zhí)行過(guò)程中，會(huì)創(chuàng)建變量對(duì)象的一個(gè)作用域鏈。作用域鏈的用途，是保證對(duì)執(zhí)行環(huán)境有權(quán)訪(fǎng)問(wèn)的所有變量和函數(shù)的有序訪(fǎng)問(wèn)。
請(qǐng)看下面的一段代碼：

//全局環(huán)境中有一個(gè)變量color和一個(gè)函數(shù)changeColor()
 var color = "blue";
        //changeColor()的局部環(huán)境中有一個(gè)anotherColor變量和swapColors()函數(shù)
        function changeColor() {
            var anotherColor = "red";
            //swapColors()環(huán)境中只有一個(gè)tempColor
            function swapColors() {
                var tempColor = anotherColor;
                anotherColor = color;
                color = tempColor;
            }
            swapColors();
        }

        changeColor();

全局環(huán)境只能訪(fǎng)問(wèn)到變量color
changeColor()局部環(huán)境也可以訪(fǎng)問(wèn)color
swapColors()可以訪(fǎng)問(wèn)其他兩個(gè)環(huán)境的所有變量，但是那兩個(gè)變量都無(wú)權(quán)訪(fǎng)問(wèn)tempColor

總結(jié)：內(nèi)部環(huán)境可以通過(guò)作用域鏈訪(fǎng)問(wèn)所有的外部環(huán)境，但外部環(huán)境不能訪(fǎng)問(wèn)內(nèi)部環(huán)境中的任何變量和函數(shù)。每個(gè)環(huán)境都可以向上搜索作用域鏈，但任何環(huán)境都不能向下搜索作用域鏈而進(jìn)入另一個(gè)執(zhí)行環(huán)境。

垃圾回收原理

(1)javascript中如果一個(gè)對(duì)象不再被引用，那么這個(gè)對(duì)象就會(huì)被回收。
(2)如果兩個(gè)對(duì)象互相引用，而不再被第3者引用，那么這兩個(gè)互相引用的對(duì)象也會(huì)被回收。

嵌套函數(shù)的閉包

var f = function () {
            var a = 9999;
            function f1() {
                alert(a);
            }
            f1();
        };
        f();

函數(shù)嵌套時(shí)候，在f執(zhí)行完成之后，變量a還要被f1這個(gè)內(nèi)部嵌套的函數(shù)繼續(xù)使用，因此a不會(huì)被釋放。js解析器發(fā)現(xiàn)函數(shù)中嵌套了函數(shù)時(shí)，就會(huì)把函數(shù)中的變量和子函數(shù)的變量一起保存，構(gòu)成了一個(gè)“閉包”。這些變量不會(huì)被內(nèi)存回收器回收，只有當(dāng)內(nèi)部嵌套的函數(shù)不在執(zhí)行后，才會(huì)被回收。

閉包的特性和使用閉包的好處

閉包有三個(gè)特性：
1.函數(shù)嵌套函數(shù)
2.函數(shù)內(nèi)部可以引用外部的參數(shù)和變量
3.參數(shù)和變量不會(huì)被垃圾回收機(jī)制回收

使用閉包的好處：
1.希望一個(gè)變量長(zhǎng)期駐扎內(nèi)存
2.避免全局變量污染
3.私有成員變量的存在

閉包案例

屬性

var person = function () {
            var name = "kimi";
            this.getName = function () {
                return name;
            };

        };
        var p = new person();
        alert(p.getName());

name屬性通過(guò)getName方法獲取到。

在循環(huán)中直接找到對(duì)應(yīng)元素的索引

執(zhí)行以上代碼發(fā)現(xiàn)點(diǎn)擊任何一個(gè)返回的都是4，這是因?yàn)橘x值的時(shí)候，傳的i是對(duì)內(nèi)存地址的引用，循環(huán)結(jié)束，i指向的就是4.

使用閉包改寫(xiě)上面的代碼

每一次循環(huán)的時(shí)候，都把當(dāng)前的i通過(guò)立即執(zhí)行函數(shù)賦值。

變量的累加

全局變量的累加

局部變量的累加

上述代碼沒(méi)有實(shí)現(xiàn)累加，改寫(xiě)代碼如下：

模塊化代碼，減少全局變量的污染

this對(duì)象

在閉包中使用this對(duì)象可能導(dǎo)致一些問(wèn)題

代碼先創(chuàng)建了一個(gè)全局變量name，又創(chuàng)建了一個(gè)包含name屬性的對(duì)象。這個(gè)對(duì)象還包含一個(gè)getNameFunc()方法，返回一個(gè)匿名函數(shù)，匿名函數(shù)又返回一個(gè)this.name。調(diào)用object.getNameFunc()()返回一個(gè)字符串。內(nèi)部函數(shù)搜索的時(shí)候只搜索到活動(dòng)對(duì)象。

在定義匿名函數(shù)前，把this對(duì)象賦值給that變量，閉包也可以訪(fǎng)問(wèn)這個(gè)變量。即使函數(shù)返回，仍然引用著object

學(xué)習(xí)了閉包也不知道到底哪里用到，到底有什么用?；卮穑?其實(shí)你寫(xiě)的每一個(gè)js函數(shù)都是閉包，一個(gè)js函數(shù)的頂層作用域就是window對(duì)象，js的執(zhí)行環(huán)境本身就是一個(gè)scope（瀏覽器的window/node的global），我們通常稱(chēng)之為全局作用域。每個(gè)函數(shù)，不論多深，都可以認(rèn)為是全局scope的子作用域，可以理解為閉包。)

本篇文章是自己學(xué)習(xí)過(guò)程中的總結(jié)，如有錯(cuò)誤歡迎指正。

GPU云服務(wù)器云服務(wù)器 js閉包的理解 js閉包 js面試閉包如何回答 js閉包qq空間

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/82442.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

EasonTyler

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

tensorflow

閱讀 2796·2023-04-25 14:41
沒(méi)有基礎(chǔ)或者基礎(chǔ)差，如何快速學(xué)會(huì)編程？這6招絕對(duì)好使

閱讀 2404·2021-11-23 09:51
面試官:咱們來(lái)聊一聊mysql主從延遲

閱讀 3690·2021-11-17 17:08
搬瓦工：CN2 GIA-E 限量版套餐補(bǔ)貨使用優(yōu)惠碼年付價(jià)格低低至$84.07/年

閱讀 1682·2021-10-18 13:31
什么是isp主機(jī)-顯示器isp什么意思？

閱讀 5569·2021-09-22 15:27
手把手教你如何實(shí)現(xiàn)拍照功能

閱讀 923·2019-08-30 15:54
CSS3 文本換行

閱讀 2235·2019-08-30 13:16
移動(dòng)端UI框架

閱讀 743·2019-08-29 17:04

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

js閉包的理解

相關(guān)文章

談?wù)勎宜?em>理解的閉包，js、php、golang里的closure

談?wù)勎宜?em>理解的閉包，js、php、golang里的closure

理解 JavaScript 閉包

JavaScript中的閉包

js 變量提升和閉包理解

發(fā)表評(píng)論

0條評(píng)論

EasonTyler

男|高級(jí)講師

TA的文章

tensorflow

沒(méi)有基礎(chǔ)或者基礎(chǔ)差，如何快速學(xué)會(huì)編程？這6招絕對(duì)好使

面試官:咱們來(lái)聊一聊mysql主從延遲

搬瓦工：CN2 GIA-E 限量版套餐補(bǔ)貨使用優(yōu)惠碼年付價(jià)格低低至$84.07/年

什么是isp主機(jī)-顯示器isp什么意思？

手把手教你如何實(shí)現(xiàn)拍照功能

CSS3 文本換行

移動(dòng)端UI框架

最新活動(dòng)

資訊專(zhuān)欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

js閉包的理解

相關(guān)文章

發(fā)表評(píng)論

0條評(píng)論

男|高級(jí)講師

TA的文章

最新活動(dòng)

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！