JavaScript閉包closure詳述
前言:
在JavaScript部分,閉包是很重要的東西,所以我們今天就閉包的相關(guān)知識做一總結(jié)。首先,在了解閉包前,我們先要知道作用域的相關(guān)知識,前面 作用域相關(guān)博文有解釋,這里不在贅述。接下來我們來看一下什么是閉包?
一、什么是閉包
閉包(closure)指有權(quán)訪問另一個函數(shù)作用域中變量的函數(shù)。 ----- JavaScript 高級程序設(shè)計
簡單理解閉包就是一個函數(shù),他的特點是:一個作用域可以訪問另外一個函數(shù)內(nèi)部的局部變量。
舉個簡單的例子:
比如說我們現(xiàn)在有一個函數(shù),在他的內(nèi)部我們定義了一個局部變量,如果別的作用域可以訪問這個局部變量,就產(chǎn)生了閉包。所以我們在該函數(shù)內(nèi)部再定義另一個函數(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ù)的變量。那我們再在f1函數(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();
此時,就相當(dāng)于f1外部的作用域訪問其內(nèi)部函數(shù)的變量。打印結(jié)果為:

可以發(fā)現(xiàn),這里也可以使用其內(nèi)部的局部變量,閉包產(chǎn)生。
所以可以得出結(jié)論:
閉包: 一個作用域可以訪問另外一個函數(shù)內(nèi)部的局部變量。
二、閉包的作用
我們知道,在函數(shù)內(nèi)部定義的局部變量,只能在函數(shù)內(nèi)部可以使用,并且當(dāng)我們使用完成后它就會被銷毀,但是有閉包以后,這個局部變量就會在函數(shù)外部使用并且要等它的外部調(diào)用者調(diào)用完畢后才會被銷毀,所以閉包的作用就是:延伸了變量的作用范圍。
到此這篇關(guān)于JavaScript閉包closure詳述的文章就介紹到這了,更多相關(guān)JavaScript閉包內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
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ū)別,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助2022-01-01
5種 JavaScript 方式實現(xiàn)數(shù)組扁平化
這篇文章主要介紹5種 JavaScript 方式實現(xiàn)數(shù)組扁平化,雖說只有5種方法,但是核心只有一個就是遍歷數(shù)組arr,若arr[i]為數(shù)組則遞歸遍歷,直至arr[i]不為數(shù)組然后與之前的結(jié)果concat。 想具體了解的小伙伴那請看下面文章內(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

