詳解JavaScript中的Map和WeakMap
鍵的作用域
Map 的鍵的作用域是全局的，也就是說(shuō)，Map 中的鍵不會(huì)被污染，也不會(huì)對(duì)其他的變量產(chǎn)生影響。而 WeakMap 的鍵的作用域是局部的，也就是說(shuō)，WeakMap 中的鍵只在定義它的函數(shù)作用域內(nèi)有效，一旦函數(shù)執(zhí)行完畢，WeakMap 中的鍵就會(huì)被釋放。
鍵的類型
Map 的鍵可以是任意類型的值，包括對(duì)象、數(shù)組、函數(shù)等等。而 WeakMap 的鍵只能是對(duì)象，因?yàn)?WeakMap 是通過(guò)引用計(jì)數(shù)來(lái)管理鍵的，如果鍵不是對(duì)象，就無(wú)法計(jì)數(shù)。
下面是一個(gè)使用 Map 和 WeakMap 的示例代碼：
// 使用 Map 存儲(chǔ)數(shù)據(jù)
const map = new Map();
map.set("a", 1);
map.set("b", 2);
map.set("c", 3);
// 使用 WeakMap 存儲(chǔ)數(shù)據(jù)
const weakMap = new WeakMap();
const obj1 = {};
const obj2 = {};
weakMap.set(obj1, 1);
weakMap.set(obj2, 2);
weakMap.set(obj1, 3);
console.log(map.get("a")); // 1
console.log(map.get("b")); // 2
console.log(map.get("c")); // 3
console.log(weakMap.get(obj1)); // 3
console.log(weakMap.get(obj2)); // 2鍵的可枚舉性
與Map對(duì)象不同的是，WeakMap的鍵是不可枚舉的。不提供列出其鍵的方法。列表是否存在取決于垃圾回收器的狀態(tài)，是不可預(yù)知的。
總結(jié)
如果有需要遍歷鍵值對(duì)的需求，則需要使用 Map。
到此這篇關(guān)于詳解JavaScript中的Map和WeakMap的文章就介紹到這了,更多相關(guān)JavaScript Map和WeakMap內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
如何在JavaScript中使用map()迭代數(shù)組詳細(xì)步驟
在JavaScript中循環(huán)迭代數(shù)組的方法有很多種,下面這篇文章主要給大家介紹了關(guān)于如何在JavaScript中使用map()迭代數(shù)組的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-02-02
vue?element?loading遮罩層添加按鈕功能實(shí)現(xiàn)
這篇文章主要介紹了vue?element?loading遮罩層添加按鈕功能實(shí)現(xiàn),通過(guò)實(shí)例代碼補(bǔ)充介紹了vue+elementui的this.$loading遮罩使用方法,需要的朋友可以參考下2024-03-03
這篇文章主要介紹了js作用域和作用域鏈及預(yù)解析，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
簡(jiǎn)單的分頁(yè)代碼js實(shí)現(xiàn)
簡(jiǎn)單的分頁(yè)代碼js實(shí)現(xiàn)，分享給大家，感興趣的小伙伴們可以參考一下2016-05-05
延遲加載的函數(shù)，第一次調(diào)用后，會(huì)覆蓋原來(lái)的老函數(shù)，以后再次調(diào)用的是新函數(shù)，不會(huì)再進(jìn)行條件的判斷，提升效率2012-10-10
本文主要介紹了js實(shí)現(xiàn)音頻控制進(jìn)度條功能的示例代碼。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-04-04
JavaScript判斷輸入是否為數(shù)字類型的方法總結(jié)
這篇文章主要介紹了JavaScript判斷輸入是否為數(shù)字類型的方法總結(jié)的相關(guān)資料,希望通過(guò)本文能幫助到大家，需要的朋友可以參考下2017-09-09
FingerprintJS是基于JS的瀏覽器指紋庫(kù),通過(guò)采集設(shè)備屬性生成唯一用戶標(biāo)識(shí),這篇文章主要介紹了fingerprint.js的安裝及基本使用方法的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-06-06
jQuery多項(xiàng)選項(xiàng)卡的實(shí)現(xiàn)思路附樣式及代碼
這篇文章主要介紹了jQuery多項(xiàng)選項(xiàng)卡的實(shí)現(xiàn)思路,需要的朋友可以參考下2014-06-06
關(guān)于TypeScript開(kāi)發(fā)的6六個(gè)實(shí)用小技巧分享
TypeScript是Javascrip t超集,支持靜態(tài)類型檢測(cè),可以在編譯期提前暴露問(wèn)題,節(jié)省debug時(shí)間,下面這篇文章主要給大家介紹了關(guān)于TypeScript開(kāi)發(fā)的6六個(gè)實(shí)用小技巧,需要的朋友可以參考下2021-09-09