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

資訊專(zhuān)欄INFORMATION COLUMN

到底什么是閉包？深入理解javascript閉包

figofuture / 2429人閱讀

摘要：如何使用閉包所以這時(shí)候我們就要用閉包去解決這個(gè)問(wèn)題了，先看代碼。計(jì)數(shù)器為這時(shí)候的就形成了一個(gè)閉包。一個(gè)閉包由兩部分組成，函數(shù)和創(chuàng)建該函數(shù)的環(huán)境。就是創(chuàng)建了一個(gè)匿名函數(shù)調(diào)用函數(shù)解除對(duì)匿名函數(shù)的引用，以便釋放內(nèi)存

古老定義 
閉包(closure)，是指函數(shù)變量可以保存在函數(shù)作用域內(nèi)，因此看起來(lái)是函數(shù)將變量“包裹”了起來(lái)。
//根據(jù)定義，包含變量的函數(shù)就是閉包
function foo() {
    var a = 0;
}
cosole.log(a) 
// Uncaught ReferenceError: a is not defined
《JavaScript高級(jí)程序設(shè)計(jì)》對(duì)閉包定義

閉包是指有權(quán)訪問(wèn)另一個(gè)函數(shù)作用域中的變量的函數(shù)

 //根據(jù)《JavaScript高級(jí)程序設(shè)計(jì)》，訪問(wèn)上層函數(shù)的作用域的內(nèi)層函數(shù)就是閉包
function foo() {
    var a = 2;
    function bar() {
        console.log(a);
    }
    bar();
}
foo();
《JavaScript權(quán)威指南》對(duì)閉包定義

函數(shù)對(duì)象可以通過(guò)作用域鏈相互關(guān)聯(lián)起來(lái)，函數(shù)體內(nèi)部變量可以保存在函數(shù)作用域內(nèi)，這就是閉包。

 var global = "global scope"; //全局變量
function checkscope() {
    var scope = "local scope"; //局部變量
    function f() {
        return scope; //在作用域中返回這個(gè)值
    };
    return f();
}
checkscope(); // 返回 "local scope"

嚴(yán)格來(lái)說(shuō)，閉包需要滿足三個(gè)條件：【1】訪問(wèn)所在作用域；【2】函數(shù)嵌套；【3】在所在作用域外被調(diào)用
　　有些人覺(jué)得只滿足條件1就可以，所以IIFE是閉包；有些人覺(jué)得滿足條件1和2才可以，所以被嵌套的函數(shù)才是閉包；有些人覺(jué)得3個(gè)條件都滿足才可以，所以在作用域以外的地方被調(diào)用的函數(shù)才是閉包

為什么我們需要閉包

首先來(lái)看一個(gè)例子，我們來(lái)實(shí)現(xiàn)一個(gè)計(jì)數(shù)器。

var counter = 0;
function add() {
   return counter += 1;
}
add();
add();
add();// 計(jì)數(shù)器現(xiàn)在為 3

現(xiàn)在我們已經(jīng)達(dá)到了目的，可是問(wèn)題來(lái)了，代碼中的任何一個(gè)函數(shù)都可以隨意改變counter的值，所以這個(gè)計(jì)數(shù)器并不完美。那我們把counter放在add函數(shù)里面不就好了么？

function add() {
    var counter = 0;
    return counter += 1;
} 
add();
add();
add();// 本意是想輸出 3, 但輸出的都是 1

所以這樣做的話，每次調(diào)用add函數(shù)，counter的值都要被初始化為0，還是達(dá)不到我們的目的。

如何使用閉包

所以這時(shí)候我們就要用閉包去解決這個(gè)問(wèn)題了，先看代碼。

var add = (function () {
    var counter = 0;
    return function () {return counter += 1;}
})();
add();
add();
add();// 計(jì)數(shù)器為 3

這時(shí)候我們完美實(shí)現(xiàn)了計(jì)數(shù)器。這段非常精簡(jiǎn)，可以拆分成如下等價(jià)代碼。

function outerFunction () {
     var counter = 0;
     function innerFunction (){
         return counter += 1;
     }
     return innerFunction;
}
var add = outerFunction();
add();
add();
add();// 計(jì)數(shù)器為 3

這時(shí)候的add就形成了一個(gè)閉包。一個(gè)閉包由兩部分組成，函數(shù)和創(chuàng)建該函數(shù)的環(huán)境。環(huán)境是由環(huán)境中的局部變量組成的。對(duì)于閉包add來(lái)說(shuō)，它由函數(shù)innerFunction和變量counter組成，所以這時(shí)候add是可以訪問(wèn)變量counter的。

使用閉包應(yīng)注意的問(wèn)題

由于閉包會(huì)攜帶包含它的函數(shù)的作用域，因此會(huì)比其他函數(shù)占用更多的內(nèi)存。因此可以手動(dòng)解除對(duì)匿名函數(shù)的引用，以便釋放內(nèi)存。

function f2(){
    var n=22;
    var nAdd=function(){n++};
    return function(){
        return {
            n:n,
            nAdd:nAdd
        }
    }
}
//result2就是創(chuàng)建了一個(gè)匿名函數(shù)
var result2=f2();
//調(diào)用函數(shù)
console.log(result2());
result2().nAdd();
console.log(result2());
//解除對(duì)匿名函數(shù)的引用，以便釋放內(nèi)存
result2=null;

1

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

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

相關(guān)文章

  • 理解Javascript的閉包

    摘要：但是閉包也不是什么復(fù)雜到不可理解的東西，簡(jiǎn)而言之，閉包就是閉包就是函數(shù)的局部變量集合，只是這些局部變量在函數(shù)返回后會(huì)繼續(xù)存在。可惜的是，并沒(méi)有提供相關(guān)的成員和方法來(lái)訪問(wèn)閉包中的局部變量。 (收藏自 技術(shù)狂) 前言：還是一篇入門(mén)文章。Javascript中有幾個(gè)非常重要的語(yǔ)言特性——對(duì)象、原型繼承、閉包。其中閉包 對(duì)于那些使用傳統(tǒng)靜態(tài)語(yǔ)言C/C++的程序員來(lái)說(shuō)是一個(gè)新的語(yǔ)言特性。本文將...

    dayday_up 評(píng)論0 收藏0

  • 深入理解閉包——到底什么才是閉包

    摘要：古老定義閉包，是指函數(shù)變量可以保存在函數(shù)作用域內(nèi)，因此看起來(lái)是函數(shù)將變量包裹了起來(lái)根據(jù)定義，包含變量的函數(shù)就是閉包定義一閉包是指可以訪問(wèn)其所在作用域的函數(shù)按照定義一的說(shuō)法，需要通過(guò)作用域鏈在全局環(huán)境中查找變量的函數(shù)就是閉包定義二閉包是指有權(quán) 古老定義 閉包(closure)，是指函數(shù)變量可以保存在函數(shù)作用域內(nèi)，因此看起來(lái)是函數(shù)將變量包裹了起來(lái) //根據(jù)定義，包含變量的函數(shù)就是閉包 fu...

    tomorrowwu 評(píng)論0 收藏0

  • 還是不明白JavaScript - 執(zhí)行環(huán)境、作用域、作用域鏈、閉包嗎？

    摘要：所以，全局執(zhí)行環(huán)境的變量對(duì)象始終都是作用域鏈中的最后一個(gè)對(duì)象。講到這里，可能你已經(jīng)對(duì)執(zhí)行環(huán)境執(zhí)行環(huán)境對(duì)象變量對(duì)象作用域作用域鏈的理解已經(jīng)他們之間的關(guān)系有了一個(gè)較清晰的認(rèn)識(shí)。 JavaScript中的執(zhí)行環(huán)境、作用域、作用域鏈、閉包一直是一個(gè)非常有意思的話題，很多博主和大神都分享過(guò)相關(guān)的文章。這些知識(shí)點(diǎn)不僅比較抽象，不易理解，更重要的是與這些知識(shí)點(diǎn)相關(guān)的問(wèn)題在面試中高頻出現(xiàn)。之前我也看過(guò)...

    jlanglang 評(píng)論0 收藏0

  • JavaScript深入淺出

    摘要：理解的函數(shù)基礎(chǔ)要搞好深入淺出原型使用原型模型，雖然這經(jīng)常被當(dāng)作缺點(diǎn)提及，但是只要善于運(yùn)用，其實(shí)基于原型的繼承模型比傳統(tǒng)的類(lèi)繼承還要強(qiáng)大。中文指南基本操作指南二繼續(xù)熟悉的幾對(duì)方法，包括，，。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。 怎樣使用 this 因?yàn)楸救藢儆趥吻岸?，因此文中只看懂?8 成左右，希望能夠給大家?guī)?lái)幫助....（據(jù)說(shuō)是阿里的前端妹子寫(xiě)的） this 的值到底...

    blair 評(píng)論0 收藏0

  • 深入淺出Javascript閉包

    摘要：如果有時(shí)需要得到函數(shù)內(nèi)的局部變量。上面代碼中，函數(shù)就在函數(shù)內(nèi)部，這時(shí)內(nèi)部的所有局部變量，對(duì)都是可見(jiàn)的。所謂內(nèi)存泄漏指任何對(duì)象在您不再擁有或需要它之后仍然存在。閉包不能濫用，否則會(huì)導(dǎo)致內(nèi)存泄露，影響網(wǎng)頁(yè)的性能。 一、引子 閉包（closure）是 Javascript 語(yǔ)言的一個(gè)難點(diǎn)，面試時(shí)常被問(wèn)及，也是它的特色，很多高級(jí)應(yīng)用都要依靠閉包實(shí)現(xiàn)。本文盡可能用簡(jiǎn)單易懂的話，講清楚閉包的概念、...

    tyheist 評(píng)論0 收藏0

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

0條評(píng)論

閱讀需要支付1元查看
<