一文了解JavaScript閉包函數(shù)

更新時間：2021年11月09日 15:25:08 作者：星河夢~

閉包是js的一個難點(diǎn)也是它的一個特色,是我們必須掌握的js高級特性,下面這篇文章主要給大家介紹了關(guān)于JavaScript閉包函數(shù)的相關(guān)資料,需要的朋友可以參考下

變量作用域

要理解JavaScript閉包，就要先理解JavaScript的變量作用域。

變量的作用域有兩種：全局的和局部的（全局變量和局部變量）

JavaScript中，在函數(shù)內(nèi)部可以直接讀取到全局變量。

var n=10
function fn(){
	alert(n)
}
fn()      //10

而在函數(shù)外部無法讀取到函數(shù)內(nèi)部的變量。

function fn(){
	var n=10;
}
fn()
alert(n)   //n is not defined    函數(shù)外部無法讀取到函數(shù)內(nèi)部的n

注意：函數(shù)內(nèi)部使用var聲明變量的時候，這個變量是局部變量，如果不使用var，那么這個變量就是一個全局變量。

例如：

function fn(){
	n=10;
}
fn()
alert(n)   //10

另外，函數(shù)的參數(shù)也是局部性的，只在函數(shù)內(nèi)部起作用。

在正常情況下，我們是無法得到函數(shù)內(nèi)部的局部變量的，只有變通方法才可以——在函數(shù)內(nèi)部再聲明一個函數(shù)。

function f1(){
	var n=10;
	function f2(){
		alert(n)
	}
}

f2函數(shù)可以得到f1函數(shù)內(nèi)的所有局部變量，但是f1函數(shù)卻無法得到f2函數(shù)內(nèi)部的局部變量——JavaScript語言特有的“鏈?zhǔn)阶饔糜颉苯Y(jié)構(gòu)。（即子對象會一級一級地向上尋找所有父對象的變量），所以，父對象的所有變量，對于子對象都是可見的。

f2函數(shù)可以獲取到父級函數(shù)f1的局部變量，那么如果把f2()函數(shù)返回，在函數(shù)f1外部就可以訪問到f1()函數(shù)內(nèi)部的變量了。

例如：

function f1(){
	var n=10;
	function f2(){
		alert(n)
	}
	return f2()
}
f1()           //頁面彈出10

例子中的f2()函數(shù)就是一個閉包函數(shù)。

閉包的概念

由于作用域原因，我們無法在函數(shù)外訪問函數(shù)里面定義的變量，但有事我們又有這個需求，因此就出現(xiàn)了閉包的概念。

閉包是指有權(quán)訪問另一個函數(shù)作用域中的變量的函數(shù)。

在上面的例子中，內(nèi)部函數(shù)f2就是一個閉包函數(shù)。

在本質(zhì)上，閉包就是將函數(shù)內(nèi)部和函數(shù)外部連接起來的橋梁。

閉包是一種保護(hù)私有變量的機(jī)制，在函數(shù)執(zhí)行時形成私有的作用域，保護(hù)里面的私有變量不受外界干擾。

閉包的用途

（1）可以讀取父級作用域函數(shù)內(nèi)部的變量；

（2）讓變量的值始終保存在內(nèi)存中（讓局部變量變成全局變量），不被垃圾回收機(jī)制清除。

閉包的缺點(diǎn)

由于閉包會使函數(shù)中的變量都保存到內(nèi)存中，垃圾回收機(jī)制不清理，內(nèi)存消耗很大，所以不能濫用閉包，否則可能導(dǎo)致內(nèi)存泄漏。

補(bǔ)充：

什么是內(nèi)存泄漏？

程序的運(yùn)行都是需要內(nèi)存的。只要對內(nèi)存提出要求，操作系統(tǒng)必須供給內(nèi)存。
當(dāng)應(yīng)用程序中的一些代碼變量不再需要用到內(nèi)存時，但是沒有被操作系統(tǒng)或者可用內(nèi)存池回收，就說明它發(fā)生了內(nèi)存泄漏。

即，當(dāng)已經(jīng)不再需要某塊內(nèi)存時，這塊內(nèi)存還存在著——內(nèi)存泄漏

解決閉包引起的內(nèi)存泄漏的問題：