本篇內容介紹了“在JavaScript函數(shù)中什么是閉包”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

創(chuàng)新互聯(lián)主營孝義網(wǎng)站建設的網(wǎng)絡公司,主營網(wǎng)站建設方案,成都app軟件開發(fā),孝義h5成都微信小程序搭建,孝義網(wǎng)站營銷推廣歡迎孝義等地區(qū)企業(yè)咨詢

匿名函數(shù)和IIFE不是閉包

文章開始前，我先闡明不會涉及的內容。在ES6之前的時代，閉包的常見用例是用于模仿私有方法的匿名函數(shù)/  IIFE(立即調用函數(shù)表達式)，這些方法不是JavaScript所特有的。

通過在ES6中引入let 、const的引入和以及模塊，很大程度上解決了var  的局限性所導致的這種情況和其他類似的用例。IIFE包括閉包，但不是閉包。

匿名函數(shù)也不是閉包。

anonymousFunc !== closure&& IIFE !== closure // true

學習這些用例很重要。如果你理解過去使用閉包的方式，就能理解現(xiàn)在如何使用閉包。

更別說還有許多ES5遺留代碼。但是這不是今天要講述的內容。既然已經說明，那一起來深入了解吧。

閉包的概念

在計算機科學中，閉包是一個有自己環(huán)境的函數(shù)，并且在該環(huán)境中至少有一個變量。MDN指出：

“在JavaScript中，每當創(chuàng)建一個函數(shù)，閉包便產生。”

因此，函數(shù)和閉包是緊密聯(lián)系的。每創(chuàng)建一個函數(shù)，都在構建一個閉包，這意味著你可能一直在創(chuàng)建它們，只是自己沒有意識到而已。MDN繼續(xù)指出：

“閉包是將函數(shù)與其引用的周邊狀態(tài)綁定在一起形成(封裝)的組合”，這將我們帶到了作用域。

它與作用域有什么關系?

從前面的引用中更加深入地去探究周圍狀態(tài)這個術語。在JavaScript函數(shù)中，周圍狀態(tài)稱為作用域。

創(chuàng)建JS文件時，環(huán)境就是程序的全局作用域。創(chuàng)建函數(shù)時，它有自己的作用域。

可以把全局作用域視為國家。一個國家有許多城市，每個城市都封閉在自己的邊界線內。同樣地，在程序的特定部分中，我們會發(fā)現(xiàn)包含在局部作用域內的對象。

Javascript有兩個局部作用域：函數(shù)作用域和塊級作用域。

functionencourage() {  const positivity ='You got this!'; } //  positivity has function scope {  const negativity ='I don't got this.'; } //  negativity has block scope

函數(shù)存在于并能訪問全局作用域，但是在函數(shù)內聲明的任何內容僅存在于并只能訪問函數(shù)作用域，而非全局作用域。

同樣地，如果在代碼的任何位置用大括號括起一個變量，那么該變量也將被封閉，屬于塊級作用域。

閉包和作用域

將閉包視為封閉函數(shù)的傳感門可能更容易理解。例如，創(chuàng)建新函數(shù)時，該函數(shù)的閉包到處查看并記下它的環(huán)境，即作用域。

function highestBoxOffice() {    const context = “The highest grossingmovie of all time is “;       return context + “Avengers:Endgame”; }

即使函數(shù)沒有子函數(shù)，它仍然有閉包。閉包并不僅存在于嵌套函數(shù)中。在變量context的案例中，該函數(shù)的閉包到處察看并發(fā)現(xiàn)其中存在變量。

嵌套函數(shù)中的閉包

如果創(chuàng)建一個嵌套函數(shù)，該函數(shù)的閉包發(fā)現(xiàn)它所在的父函數(shù)的墻壁。父函數(shù)的作用域是嵌套函數(shù)的外部作用域，包括父函數(shù)中的變量。

functionhighestBoxOffice(movies) {    returnfunctiongenreTopGross(genre) {       returnMath.Max(…movies.genre.boxOffice)    } }

這是閉包真正發(fā)揮作用的地方。函數(shù)  genreTopGross()含有閉包。其閉包向內看，發(fā)現(xiàn)其內部作用域，包含returnMath.Max(…movies.genre.boxOffice)。

它也向外看，發(fā)現(xiàn)其外部作用域，標志著它在函數(shù)highestBoxOffice()中。它還可以查看并訪問傳遞到其父函數(shù)的所有參數(shù)?，F(xiàn)在來傳遞一個參數(shù)。

functionhighestBoxOffice(movies) {    returnfunctiongenreTopGross(genre) {       returnMath.Max(…movies[genre].boxOffice)    } } const topGrossing =highestBoxOffice(domesticMoviesObj)

如你所見，已經聲明了一個新變量topGrossing()并且賦予它highestBoxOffice(domesticMoviesObj)的值。

目前，topGrossing是未定義的，但是現(xiàn)在采取下一步：

functionhighestBoxOffice(movies) {    returnfunctiongenreTopGross(genre) {       returnMath.Max(…movies[genre].boxOffice)    } } const topGrossing =highestBoxOffice(domesticMoviesObj) topGrossing("Romantic  Comedy")// "Pretty Woman"

引用topGrossing()，并將“Romantic Comedy”作為參數(shù)進行傳遞。現(xiàn)在閉包的用處展現(xiàn)出來了!

.  genreTopGross()函數(shù)的內部作用域需要movies參數(shù)，該參數(shù)位于domesticMoviesObj參數(shù)的外部作用域，需要通過閉包來進入。

這使代碼成功執(zhí)行并返回正在尋找的值。

閉包和作用域鏈

在JavaScript中，每個變量在首次創(chuàng)建時，都屬于一個特定的詞法作用域。

在書面程序內，每個變量的作用域都通過作用域鏈連接起來，全局作用域總是位于該鏈的頂端。

JavaScript編譯器遍歷這條鏈。然而，該編譯器就像汽車，僅逆向運行，從不正向運行。

使用變量時，編譯器返回到作用域鏈，直到找出該變量的入口。

因此，genreTopGross()函數(shù)使用movies變量時，JavaScript沒有在genreTopGross()作用域中發(fā)現(xiàn)  movies。所以，JavaScript沿著在作用域鏈中向上移動，直到找到傳遞到highestBoxOffice()的movies。

這與閉包有什么關系呢?

閉包只提供從內部到外部作用域的訪問，而不能提供從外部到內部作用域的訪問。

因此，如果在幾個嵌套函數(shù)中聲明并定義一個變量，卻在父函數(shù)的外部作用域中使用，編譯器將返回一個未定義的錯誤。記住，汽車只會逆向行駛。

“在JavaScript函數(shù)中什么是閉包”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關的知識可以關注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質量的實用文章！