JavaScript閉包詳解

更新時(shí)間：2021年11月22日 11:33:40 作者：CSP sy

這篇文章主要為大家介紹了JavaScript閉包，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助

1.?什么是閉包

閉包：函數(shù)本身和該函數(shù)聲明時(shí)所處的環(huán)境狀態(tài)的組合。
也就是說函數(shù)不在其定義的環(huán)境中被調(diào)用，也能訪問定義時(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

在這里插入圖片描述