JavaScript閉包應用實例分析

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

 一 、詞法定義域 Lexical

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

Javascript的函數的初始狀態不僅包括函數本體而且包括函數定義過程所在的定義域。

• 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

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

二、Closure的標準定義

開發者通常應該都知道“閉包”這個通用的編程術語。

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

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

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