JavaScript閉包c(diǎn)losure詳述
前言:
在JavaScript
部分,閉包是很重要的東西,所以我們今天就閉包的相關(guān)知識(shí)做一總結(jié)。首先,在了解閉包前,我們先要知道作用域的相關(guān)知識(shí),前面 作用域相關(guān)博文有解釋,這里不在贅述。接下來(lái)我們來(lái)看一下什么是閉包?
一、什么是閉包
閉包(closure
)指有權(quán)訪問(wèn)另一個(gè)函數(shù)作用域中變量的函數(shù)。 ----- JavaScript
高級(jí)程序設(shè)計(jì)
簡(jiǎn)單理解閉包就是一個(gè)函數(shù),他的特點(diǎn)是:一個(gè)作用域可以訪問(wèn)另外一個(gè)函數(shù)內(nèi)部的局部變量。
舉個(gè)簡(jiǎn)單的例子:
比如說(shuō)我們現(xiàn)在有一個(gè)函數(shù),在他的內(nèi)部我們定義了一個(gè)局部變量,如果別的作用域可以訪問(wèn)這個(gè)局部變量,就產(chǎn)生了閉包。所以我們?cè)谠摵瘮?shù)內(nèi)部再定義另一個(gè)函數(shù),看看里面的函數(shù)作用域是否可以訪問(wèn)外函數(shù)中的局部變量。
function f1(){ var num = 10; function f2(){ console.log(num); } f2(); } f1();
打印的結(jié)果為:
可以發(fā)現(xiàn)成功將值打印出來(lái),所以就產(chǎn)生了閉包。
但是有的讀者可能就有疑問(wèn):f2函數(shù)本身就在f1函數(shù)的內(nèi)部,它本來(lái)就可以使用父函數(shù)的變量。那我們?cè)僭趂1函數(shù)的外部的作用域訪問(wèn)該變量,看看結(jié)果又是如何。
我們將f2函數(shù)的調(diào)用改為f1函數(shù)的返回值,然后在函數(shù)外面調(diào)用f1函數(shù),如下:
function f1(){ var num = 10; function f2(){ console.log(num); } return f2() } var f = f1(); f();
此時(shí),就相當(dāng)于f1外部的作用域訪問(wèn)其內(nèi)部函數(shù)的變量。打印結(jié)果為:
可以發(fā)現(xiàn),這里也可以使用其內(nèi)部的局部變量,閉包產(chǎn)生。
所以可以得出結(jié)論:
閉包: 一個(gè)作用域可以訪問(wèn)另外一個(gè)函數(shù)內(nèi)部的局部變量。
二、閉包的作用
我們知道,在函數(shù)內(nèi)部定義的局部變量,只能在函數(shù)內(nèi)部可以使用,并且當(dāng)我們使用完成后它就會(huì)被銷毀,但是有閉包以后,這個(gè)局部變量就會(huì)在函數(shù)外部使用并且要等它的外部調(diào)用者調(diào)用完畢后才會(huì)被銷毀,所以閉包的作用就是:延伸了變量的作用范圍。
到此這篇關(guān)于JavaScript閉包c(diǎn)losure詳述的文章就介紹到這了,更多相關(guān)JavaScript閉包內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
微信小程序 scroll-view隱藏滾動(dòng)條詳解
這篇文章主要介紹了微信小程序 scroll-view隱藏滾動(dòng)條和跳轉(zhuǎn)頁(yè)面的相關(guān)資料,需要的朋友可以參考下2017-01-01C#微信小程序服務(wù)端獲取用戶解密信息實(shí)例代碼
這篇文章主要介紹了 C#微信小程序服務(wù)端獲取用戶解密信息實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2017-03-03javascript進(jìn)階篇深拷貝實(shí)現(xiàn)的四種方式
這篇文章主要為大家介紹了javascript進(jìn)階篇深拷貝實(shí)現(xiàn)的四種方式詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-07-07微信小程序 實(shí)現(xiàn)點(diǎn)擊添加移除class
這篇文章主要介紹了 微信小程序 實(shí)現(xiàn)點(diǎn)擊添加移除class的相關(guān)資料,需要的朋友可以參考下2017-06-06apply?call?bind方法原理及使用場(chǎng)景示例詳解
這篇文章主要為大家介紹了apply&call&bind方法原理及使用場(chǎng)景示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08JavaScript實(shí)現(xiàn)文本轉(zhuǎn)換為文件示例詳解
這篇文章主要為大家介紹了JavaScript實(shí)現(xiàn)文本轉(zhuǎn)換為文件示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-08-08