欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript閉包詳解

 更新時間:2021年11月22日 11:33:40   作者:CSP sy  
這篇文章主要為大家介紹了JavaScript閉包,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助

1.?什么是閉包

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

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

舉個例子:

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

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

2.?閉包的作用

2.1) 記憶性

什么是閉包的記憶性

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

舉個例子:

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

在這里插入圖片描述

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

2.2) 模擬私有變量

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

舉個例子

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

在這里插入圖片描述

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

3.?閉包的注意點

不能濫用閉包,否則可能會因為內(nèi)存占用過多而造成網(wǎng)頁的性能問題,甚至可能造成內(nèi)存泄漏。

總結(jié)

本篇文章就到這里了,希望能夠給你帶來幫助,也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容!

相關(guān)文章

最新評論