【js】what is 閉包

Godtoy 發(fā)布于2019-08-23 18:17 / 993人閱讀

摘要：什么是閉包給出的官方回答是閉包是由函數(shù)以及創(chuàng)建該函數(shù)的詞法環(huán)境組合而成。這就是閉包的核心。當函數(shù)執(zhí)行完后，被作為返回值函數(shù)保留在了作用域中。閉包還有一個作用是模擬私有方法和變量。閉包的缺點由上文可知閉包的作用可以使數(shù)據(jù)保存在內存中。

什么是閉包？
MDN給出的官方回答是“閉包是由函數(shù)以及創(chuàng)建該函數(shù)的詞法環(huán)境組合而成。這個環(huán)境包含了這個閉包創(chuàng)建時所能訪問的所有局部變量”

看代碼

//一個函數(shù)里面包含了另一個函數(shù)，最后已返回值返回被包裹的的函數(shù)。
function func() {
    let a = 1;
    function closer(){
        console.log(a)
    }
    return closer
}
let b = func（）
b() // 1

按照正常的js作用域，當func執(zhí)行完后a已經(jīng)被銷毀，但是變量b仍然能夠訪問到它里面的變量。
這就是閉包的核心。當函數(shù)執(zhí)行完后，被作為返回值函數(shù)保留在了作用域中。以至于里面的數(shù)據(jù)沒有被銷毀，仍然可以訪問到。
閉包還有一個作用是模擬私有方法和變量。要知道，js是不支持定義私有方法和變量的。
通過這個類作為對象返回私有方法和屬性，便可以保證它們只可以被Create所調用。

function Create(){
   var privateCounter = 0;
   function changeBy(val) {
     privateCounter += val;
   }
   return {
        increment: function() {
          changeBy(1);
        },
        decrement: function() {
          changeBy(-1);
        },
        value: function() {
          return privateCounter;
        }
    }   
}

閉包的缺點
由上文可知閉包的作用可以使數(shù)據(jù)保存在內存中。當濫用閉包，也會導致內存占用過多，影響性能

解決閉包的問題
當你已經(jīng)確定某些數(shù)據(jù)不會再被調用時，可以把閉包刪除或者設為null

總結
當一個函數(shù)能夠記住并訪問到其所在的詞法作用域及作用域鏈，特別強調是在其定義的作用域外進行的訪問，此時該函數(shù)和其上層執(zhí)行上下文共同構成閉包

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

轉載請注明本文地址：http://hztianpu.com/yun/104987.html

js中函數(shù)聲明與函數(shù)表達式的區(qū)別以及立即執(zhí)行函數(shù)

摘要：最近在寫代碼時遇到了閉包，其中閉包又和立即執(zhí)行函數(shù)有點關系，于是牽扯除了函數(shù)聲明以及函數(shù)表達式，我感覺中文的很多文章寫的不太好，查閱了的指南和這篇關于的文章，覺得寫的很好，整合一下。函數(shù)聲明和函數(shù)表達式。最近在寫代碼時遇到了閉包，其中閉包又和立即執(zhí)行函數(shù)（immediately invoked function expression, aka IIFE)有點關系，于是牽扯除了函數(shù)聲明...

madthumb 2019-08-23 10:26 評論0 收藏0
【js 閉包】

摘要：但，這還不是閉包。通過訪問外部變量，一個閉包可以維持這些變量。閉包經(jīng)常用于創(chuàng)建含有隱藏數(shù)據(jù)的函數(shù)但并不總是這樣。有人說應該在文章結尾對閉包進行總結，可惜小弟才疏學淺，不能給出一個精辟的總結。越來越覺得國內沒有教書育人的氛圍，為了弄懂JS的閉包，我使出了我英語四級吃奶的勁去google上搜尋著有關閉包的解釋，當我看到stackoverflow上這一篇解答，我腦中就出現(xiàn)了一句話：就是這貨...

keelii 2019-08-20 15:16 評論0 收藏0
分享一個關于匿名函數(shù)和閉包的問答

摘要：引用一個的提問個人覺得總結的比較好的兩句話原文地址另外，附上中對閉包的講解閉包中文對于閉包的簡要概括原文原文地址匿名函數(shù)和閉包來自文章作者版權聲明自由轉載非商用非衍生保持署名創(chuàng)意共享許可證轉載請注明出處引用一個stackoverflow的提問個人覺得總結的比較好的兩句話: An anonymous function is just a function that has no na...

Barrior 2019-08-22 10:44 評論0 收藏0
關于JS函數(shù)的bind

摘要：昨天被人問到的的作用是什么這個倒還能回答出來，之后返回一個新的函數(shù)，這個函數(shù)可以保持傳遞的上下文。沒有完全實現(xiàn)規(guī)定的。比如規(guī)定了的和行為。 https://friskfly.github.io/2016/03/24/about-function-bind-in-js/ 昨天被人問到js的bind的作用是什么？這個倒還能回答出來，bind 之后返回一個新的函數(shù)，這個函數(shù)可以保持傳遞的t...

CloudwiseAPM 2019-08-19 17:57 評論0 收藏0
js 閉包的使用技巧

摘要：閉包的學術定義先來參考下各大權威對閉包的學術定義百科閉包，又稱詞法閉包或函數(shù)閉包，是引用了自由變量的函數(shù)。所以，有另一種說法認為閉包是由函數(shù)和與其相關的引用環(huán)境組合而成的實體。前言上一章講解了閉包的底層實現(xiàn)細節(jié)，我想大家對閉包的概念應該也有了個大概印象，但是真要用簡短的幾句話來說清楚，這還真不是件容易的事。這里我們就來總結提煉下閉包的概念，以應付那些非專人士的心血來潮。閉包的學術...

dendoink 2019-08-21 11:17 評論0 收藏0