JavaScript閉包c(diǎn)losure詳述
前言:
在JavaScript部分,閉包是很重要的東西,所以我們今天就閉包的相關(guān)知識(shí)做一總結(jié)。首先,在了解閉包前,我們先要知道作用域的相關(guān)知識(shí),前面 作用域相關(guān)博文有解釋,這里不在贅述。接下來我們來看一下什么是閉包?
一、什么是閉包
閉包(closure)指有權(quán)訪問另一個(gè)函數(shù)作用域中變量的函數(shù)。 ----- JavaScript 高級(jí)程序設(shè)計(jì)
簡單理解閉包就是一個(gè)函數(shù),他的特點(diǎn)是:一個(gè)作用域可以訪問另外一個(gè)函數(shù)內(nèi)部的局部變量。
舉個(gè)簡單的例子:
比如說我們現(xiàn)在有一個(gè)函數(shù),在他的內(nèi)部我們定義了一個(gè)局部變量,如果別的作用域可以訪問這個(gè)局部變量,就產(chǎn)生了閉包。所以我們?cè)谠摵瘮?shù)內(nèi)部再定義另一個(gè)函數(shù),看看里面的函數(shù)作用域是否可以訪問外函數(shù)中的局部變量。
function f1(){
var num = 10;
function f2(){
console.log(num);
}
f2();
}
f1();
打印的結(jié)果為:

可以發(fā)現(xiàn)成功將值打印出來,所以就產(chǎn)生了閉包。
但是有的讀者可能就有疑問:f2函數(shù)本身就在f1函數(shù)的內(nèi)部,它本來就可以使用父函數(shù)的變量。那我們?cè)僭趂1函數(shù)的外部的作用域訪問該變量,看看結(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外部的作用域訪問其內(nèi)部函數(shù)的變量。打印結(jié)果為:

可以發(fā)現(xiàn),這里也可以使用其內(nèi)部的局部變量,閉包產(chǎn)生。
所以可以得出結(jié)論:
閉包: 一個(gè)作用域可以訪問另外一個(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)文章
微信小程序 action-sheet詳解及實(shí)例代碼
這篇文章主要介紹了微信小程序 action-sheet詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2016-11-11
JavaScript嚴(yán)格模式use strict的介紹
這篇文章主要介紹了JavaScript嚴(yán)格模式use strict,嚴(yán)格模式是JavaScript中的一種限制性更強(qiáng)的變種方式。嚴(yán)格模式并不是JavaScript中的子集,它在語義上與正常的代碼有明顯的差異,下面我們就一起來學(xué)習(xí)該內(nèi)容吧,需要的朋友也可以參考一下2021-12-12
JavaScript?ES6語法中l(wèi)et,const?,var?的區(qū)別
這篇文章主要為大家介紹了JavaScript中l(wèi)et,const?,var?的區(qū)別,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助2022-01-01
5種 JavaScript 方式實(shí)現(xiàn)數(shù)組扁平化
這篇文章主要介紹5種 JavaScript 方式實(shí)現(xiàn)數(shù)組扁平化,雖說只有5種方法,但是核心只有一個(gè)就是遍歷數(shù)組arr,若arr[i]為數(shù)組則遞歸遍歷,直至arr[i]不為數(shù)組然后與之前的結(jié)果concat。 想具體了解的小伙伴那請(qǐng)看下面文章內(nèi)容吧2021-09-09
微信小程序中使用javascript 回調(diào)函數(shù)
這篇文章主要介紹了微信小程序中使用javascript 回調(diào)函數(shù)的相關(guān)資料,需要的朋友可以參考下2017-05-05
一款功能強(qiáng)大的markdown編輯器tui.editor使用示例詳解
這篇文章主要為大家介紹了一款功能強(qiáng)大的markdown編輯器tui.editor使用示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-02-02
JS實(shí)用技巧實(shí)現(xiàn)loading加載示例詳解
這篇文章主要為大家介紹了JS實(shí)用技巧實(shí)現(xiàn)loading加載示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-03-03
Javascript實(shí)現(xiàn)的分頁函數(shù)
Javascript實(shí)現(xiàn)的分頁函數(shù)...2006-12-12
微信小程序 tabs選項(xiàng)卡效果的實(shí)現(xiàn)
這篇文章主要介紹了微信小程序 tabs選項(xiàng)卡效果的實(shí)現(xiàn)的相關(guān)資料,微信小程序內(nèi)部組件沒有Tabs 選項(xiàng)卡的功能,自己實(shí)現(xiàn)個(gè)類似的,需要的朋友可以參考下2017-01-01

