建站
咨詢
售后
建站咨詢
新聞中心
面對(duì)面試問(wèn)題，我們總是如臨大敵。
創(chuàng)新互聯(lián)堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：做網(wǎng)站、網(wǎng)站設(shè)計(jì)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的天峨網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！
令人憎惡的面試問(wèn)題
之前，我參加了一個(gè)面試，其中工程團(tuán)隊(duì)要求我解釋閉包的含義。當(dāng)然，這不是我第一次被問(wèn)到這個(gè)術(shù)語(yǔ)，但老實(shí)說(shuō)，我還是有些慌張。
眾所周知，閉包這個(gè)術(shù)語(yǔ)因難以定義而臭名昭著。
面試后，我對(duì)自己仍恐懼這個(gè)問(wèn)題感到沮喪。我下定決心，要徹底弄明白閉包的含義。本篇博客將帶領(lǐng)大家來(lái)看看我的經(jīng)歷。
匿名函數(shù)和IIFE不是閉包
文章開(kāi)始前，我先闡明不會(huì)涉及的內(nèi)容。在ES6之前的時(shí)代，閉包的常見(jiàn)用例是用于模仿私有方法的匿名函數(shù)/ IIFE(立即調(diào)用函數(shù)表達(dá)式)，這些方法不是JavaScript所特有的。
通過(guò)在ES6中引入let 、const的引入和以及模塊，很大程度上解決了var 的局限性所導(dǎo)致的這種情況和其他類(lèi)似的用例。IIFE包括閉包，但不是閉包。
匿名函數(shù)也不是閉包。
- anonymousFunc !== closure&& IIFE !== closure // true
學(xué)習(xí)這些用例很重要。如果你理解過(guò)去使用閉包的方式，就能理解現(xiàn)在如何使用閉包。
更別說(shuō)還有許多ES5遺留代碼。但是這不是今天要講述的內(nèi)容。既然已經(jīng)說(shuō)明，那一起來(lái)深入了解吧。
閉包的概念
來(lái)源：Pexels
在計(jì)算機(jī)科學(xué)中，閉包是一個(gè)有自己環(huán)境的函數(shù)，并且在該環(huán)境中至少有一個(gè)變量。MDN指出：
“在JavaScript中，每當(dāng)創(chuàng)建一個(gè)函數(shù)，閉包便產(chǎn)生?！?/p>
因此，函數(shù)和閉包是緊密聯(lián)系的。每創(chuàng)建一個(gè)函數(shù)，都在構(gòu)建一個(gè)閉包，這意味著你可能一直在創(chuàng)建它們，只是自己沒(méi)有意識(shí)到而已。MDN繼續(xù)指出：
“閉包是將函數(shù)與其引用的周邊狀態(tài)綁定在一起形成(封裝)的組合”，這將我們帶到了作用域。
它與作用域有什么關(guān)系?
從前面的引用中更加深入地去探究周?chē)鸂顟B(tài)這個(gè)術(shù)語(yǔ)。在JavaScript函數(shù)中，周?chē)鸂顟B(tài)稱(chēng)為作用域。
創(chuàng)建JS文件時(shí)，環(huán)境就是程序的全局作用域。創(chuàng)建函數(shù)時(shí)，它有自己的作用域。
可以把全局作用域視為國(guó)家。一個(gè)國(guó)家有許多城市，每個(gè)城市都封閉在自己的邊界線內(nèi)。同樣地，在程序的特定部分中，我們會(huì)發(fā)現(xiàn)包含在局部作用域內(nèi)的對(duì)象。
Javascript有兩個(gè)局部作用域：函數(shù)作用域和塊級(jí)作用域。
- functionencourage() {
- const positivity ='You got this!';
- }
- // positivity has function scope
- {
- const negativity ='I don't got this.';
- }
- // negativity has block scope
函數(shù)存在于并能訪問(wèn)全局作用域，但是在函數(shù)內(nèi)聲明的任何內(nèi)容僅存在于并只能訪問(wèn)函數(shù)作用域，而非全局作用域。
同樣地，如果在代碼的任何位置用大括號(hào)括起一個(gè)變量，那么該變量也將被封閉，屬于塊級(jí)作用域。
閉包和作用域
將閉包視為封閉函數(shù)的傳感門(mén)可能更容易理解。例如，創(chuàng)建新函數(shù)時(shí)，該函數(shù)的閉包到處查看并記下它的環(huán)境，即作用域。
- function highestBoxOffice() {
- const context = “The highest grossingmovie of all time is “;
- return context + “Avengers:Endgame”;
- }
即使函數(shù)沒(méi)有子函數(shù)，它仍然有閉包。閉包并不僅存在于嵌套函數(shù)中。在變量context的案例中，該函數(shù)的閉包到處察看并發(fā)現(xiàn)其中存在變量。
嵌套函數(shù)中的閉包
來(lái)源：Pexels
如果創(chuàng)建一個(gè)嵌套函數(shù)，該函數(shù)的閉包發(fā)現(xiàn)它所在的父函數(shù)的墻壁。父函數(shù)的作用域是嵌套函數(shù)的外部作用域，包括父函數(shù)中的變量。
- functionhighestBoxOffice(movies) {
- returnfunctiongenreTopGross(genre) {
- returnMath.Max(…movies.genre.boxOffice)
- }
- }
這是閉包真正發(fā)揮作用的地方。函數(shù) genreTopGross()含有閉包。其閉包向內(nèi)看，發(fā)現(xiàn)其內(nèi)部作用域，包含returnMath.Max(…movies.genre.boxOffice)。
它也向外看，發(fā)現(xiàn)其外部作用域，標(biāo)志著它在函數(shù)highestBoxOffice()中。它還可以查看并訪問(wèn)傳遞到其父函數(shù)的所有參數(shù)?，F(xiàn)在來(lái)傳遞一個(gè)參數(shù)。
- functionhighestBoxOffice(movies) {
- returnfunctiongenreTopGross(genre) {
- returnMath.Max(…movies[genre].boxOffice)
- }
- }
- const topGrossing =highestBoxOffice(domesticMoviesObj)
如你所見(jiàn)，已經(jīng)聲明了一個(gè)新變量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ù)進(jìn)行傳遞?，F(xiàn)在閉包的用處展現(xiàn)出來(lái)了!
. genreTopGross()函數(shù)的內(nèi)部作用域需要movies參數(shù)，該參數(shù)位于domesticMoviesObj參數(shù)的外部作用域，需要通過(guò)閉包來(lái)進(jìn)入。
這使代碼成功執(zhí)行并返回正在尋找的值。
閉包和作用域鏈
在JavaScript中，每個(gè)變量在首次創(chuàng)建時(shí)，都屬于一個(gè)特定的詞法作用域。
在書(shū)面程序內(nèi)，每個(gè)變量的作用域都通過(guò)作用域鏈連接起來(lái)，全局作用域總是位于該鏈的頂端。
JavaScript編譯器遍歷這條鏈。然而，該編譯器就像汽車(chē)，僅逆向運(yùn)行，從不正向運(yùn)行。
使用變量時(shí)，編譯器返回到作用域鏈，直到找出該變量的入口。
因此，genreTopGross()函數(shù)使用movies變量時(shí)，JavaScript沒(méi)有在genreTopGross()作用域中發(fā)現(xiàn) movies。所以，JavaScript沿著在作用域鏈中向上移動(dòng)，直到找到傳遞到highestBoxOffice()的movies。
這與閉包有什么關(guān)系呢?
閉包只提供從內(nèi)部到外部作用域的訪問(wèn)，而不能提供從外部到內(nèi)部作用域的訪問(wèn)。
因此，如果在幾個(gè)嵌套函數(shù)中聲明并定義一個(gè)變量，卻在父函數(shù)的外部作用域中使用，編譯器將返回一個(gè)未定義的錯(cuò)誤。記住，汽車(chē)只會(huì)逆向行駛。
結(jié)論
來(lái)源：Pexels
如你所見(jiàn)，理解閉包需要對(duì)函數(shù)、作用域以及作用域鏈有著扎實(shí)深入的理解，這正是面試者提問(wèn)時(shí)所期待的。
本文只解釋了閉包的定義，但并未涉及它們的大量用例。如果您理解了這一點(diǎn)，應(yīng)該能更深入地研究這些用例，而不會(huì)感到完全迷失。
若沒(méi)有其他問(wèn)題，希望本文能夠提供簡(jiǎn)單的基礎(chǔ)或簡(jiǎn)明的概述，使大家不再對(duì)閉包感到驚慌。
現(xiàn)在，去拿下面試吧!哦耶~
當(dāng)前名稱(chēng)：一個(gè)基本的面試問(wèn)題：可以解釋一下什么是閉包嗎？
網(wǎng)站路徑：http://m.5511xx.com/article/ccogsgi.html
