JavaScript閉包應(yīng)用實例分析

這篇文章主要介紹了JavaScript閉包應(yīng)用實例分析的相關(guān)知識，內(nèi)容詳細(xì)易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇JavaScript閉包應(yīng)用實例分析文章都會有所收獲，下面我們一起來看看吧。

 一 、詞法定義域 Lexical

Closure閉包是編程語言Lexical Scoping的專有屬性，區(qū)別于dynamic  scoping。即函數(shù)執(zhí)行調(diào)用的是其在定義過程中的”變量定義域“，而非其在調(diào)用時候的變量定義域。

Javascript的函數(shù)的初始狀態(tài)不僅包括函數(shù)本體而且包括函數(shù)定義過程所在的定義域。

• Like most modern programming languages, JavaScript uses lexical scoping. This  means that functions are executed using the variable scope that was in effect  when they were defined, not the variable scope that is in effect when they are  invoked. In order to implement lexical scoping, the internal state of a  JavaScript function object must include not only the code of the function but  also a reference to the scope in which the function definition appears. This  combination of a function object and a scope (a set of variable bindings) in  which the function’s variables are resolved is called a closure in the computer  science literature.

看下面的例子：

function makeCounter () {     let counter = 0;     return function() {return counter++;}; } let counter = makeCounter(); console.log(counter()); console.log(counter()); console.log(counter());  #+RESULTS: : 0 : 1 : 2

對這個嵌套函數(shù)而言，最有意思的一點是：當(dāng)外部函數(shù)被調(diào)用返回后(這里是makeCounter()), 再也沒有任何手段能夠觸及到 counter  這個變量。只有內(nèi)嵌函數(shù)擁有專屬權(quán)限抵達(dá)該變量。

二、Closure的標(biāo)準(zhǔn)定義

開發(fā)者通常應(yīng)該都知道“閉包”這個通用的編程術(shù)語。

閉包  是指內(nèi)部函數(shù)總是可以訪問其所在的外部函數(shù)中聲明的變量和參數(shù)，即使在其外部函數(shù)被返回(壽命終結(jié))了之后。在某些編程語言中，這是不可能的，或者應(yīng)該以特殊的方式編寫函數(shù)來實現(xiàn)。但是如上所述，在  JavaScript 中，所有函數(shù)都是天生閉包的(只有一個例外，將在 "new Function" 語法 中講到)。

也就是說：JavaScript 中的函數(shù)會自動通過隱藏的 [[Environment]] 屬性記住創(chuàng)建它們的位置，所以它們都可以訪問外部變量。

關(guān)于“JavaScript閉包應(yīng)用實例分析”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對“JavaScript閉包應(yīng)用實例分析”知識都有一定的了解，大家如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道。