JavaScript中閉包有什么用

這篇文章主要介紹JavaScript中閉包有什么用，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

1.?什么是閉包

閉包：函數(shù)本身和該函數(shù)聲明時(shí)所處的環(huán)境狀態(tài)的組合。
也就是說(shuō)函數(shù)不在其定義的環(huán)境中被調(diào)用，也能訪問(wèn)定義時(shí)所處環(huán)境的變量。

所以使用閉包，就可以將數(shù)據(jù)與操作該數(shù)據(jù)的函數(shù)相關(guān)聯(lián)。

舉個(gè)例子：

function foo() {
	let a = 1;
	return function() {
		console.log(a);
	}
}
let foo1 = foo();
foo1() // 輸出 1

這個(gè)就是一個(gè)閉包的例子，在 foo 中，由于 return 了一個(gè)函數(shù)，這個(gè)函數(shù)擁有涵蓋 foo 內(nèi)部作用域的閉包，也就是 a，使得 a 一直存活，不會(huì)在 foo 結(jié)束時(shí)被回收。

2.?閉包的作用

2.1) 記憶性

什么是閉包的記憶性

當(dāng)閉包產(chǎn)生時(shí)，函數(shù)所處環(huán)境的狀態(tài)會(huì)始終保持在內(nèi)存中，不會(huì)在外層函數(shù)調(diào)用結(jié)束后，被垃圾回收機(jī)制回收。

舉個(gè)例子：

function foo() {
    let a = 0;
    return function() {
        a ++;
        console.log(a);
    }
}
let foo1 = foo();
let foo2 = foo();
foo1();  // 1
foo2();  // 1
foo2();  // 2
foo1();  // 2

因?yàn)?a 屬于閉包的一部分，所以當(dāng)閉包產(chǎn)生時(shí)，a 所處的環(huán)境狀態(tài)會(huì)保持在內(nèi)存中，不會(huì)隨外層函數(shù)調(diào)用結(jié)束后清除，所以隨著 foo1的使用，a 都會(huì)在內(nèi)存中的值加 1。
然后 foo1 和 foo2 產(chǎn)生的閉包是兩個(gè)獨(dú)立的閉包，它們互不影響。所以 foo2 第二次調(diào)用的時(shí)候，是在它自己第一次調(diào)用后結(jié)果上加 1.

2.2) 模擬私有變量

保證一個(gè)變量只能被進(jìn)行指定操作。

舉個(gè)例子：

function foo() {
	let A = 0;
	return {
	    getA : function() {
	        return A;
	    }, 
	    add : function() {
	        A ++;
	    },
	    del : function() {
	        A --;
	    }
	}
}
let foo1 = foo();
console.log(foo1.getA()); // 0
foo1.add();
console.log(foo1.getA()); // 1
foo1.del();
console.log(foo1.getA()); // 0

通過(guò)閉包，保證了 A 只能被進(jìn)行指定的 加一，減一操作。

3.?閉包的注意點(diǎn)

不能濫用閉包，否則可能會(huì)因?yàn)閮?nèi)存占用過(guò)多而造成網(wǎng)頁(yè)的性能問(wèn)題，甚至可能造成內(nèi)存泄漏。

以上是“JavaScript中閉包有什么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！