成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

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

figofuture / 2485人閱讀

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

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

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

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

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

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

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

為什么我們需要閉包

首先來看一個例子，我們來實現(xiàn)一個計數(shù)器。

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

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

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

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

如何使用閉包

所以這時候我們就要用閉包去解決這個問題了，先看代碼。

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

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

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

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

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

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

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

1

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

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/96887.html

相關(guān)文章

  • 理解Javascript的閉包

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

    dayday_up 評論0 收藏0

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

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

    tomorrowwu 評論0 收藏0

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

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

    jlanglang 評論0 收藏0

  • JavaScript深入淺出

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

    blair 評論0 收藏0

  • 深入淺出Javascript閉包

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

    tyheist 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<