詳解JavaScript中的Map和WeakMap
鍵的作用域
Map 的鍵的作用域是全局的,也就是說(shuō),Map 中的鍵不會(huì)被污染,也不會(huì)對(duì)其他的變量產(chǎn)生影響。而 WeakMap 的鍵的作用域是局部的,也就是說(shuō),WeakMap 中的鍵只在定義它的函數(shù)作用域內(nèi)有效,一旦函數(shù)執(zhí)行完畢,WeakMap 中的鍵就會(huì)被釋放。
鍵的類(lèi)型
Map 的鍵可以是任意類(lèi)型的值,包括對(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)文章
ES6 Map結(jié)構(gòu)的應(yīng)用實(shí)例分析
這篇文章主要介紹了ES6 Map結(jié)構(gòu)的應(yīng)用,結(jié)合實(shí)例形式分析了ES6中map鍵值對(duì)hash結(jié)構(gòu)相關(guān)定義、獲取、輸出、遍歷等相關(guān)操作技巧,需要的朋友可以參考下2019-06-06JavaScript實(shí)現(xiàn)定時(shí)隱藏與顯示圖片的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)定時(shí)隱藏與顯示圖片的方法,可實(shí)現(xiàn)javascript定時(shí)關(guān)閉圖片的功能,涉及javascript針對(duì)頁(yè)面元素屬性定時(shí)操作的相關(guān)技巧,需要的朋友可以參考下2015-08-08關(guān)于JavaScript中異步/等待的用法與理解
這篇文章主要給大家介紹了關(guān)于JavaScript中異步/等待的用法與理解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11JS動(dòng)態(tài)增加刪除UL節(jié)點(diǎn)LI及相關(guān)內(nèi)容示例
這篇文章主要介紹了JS如何動(dòng)態(tài)增加刪除UL節(jié)點(diǎn)LI及相關(guān)內(nèi)容,需要的朋友可以參考下2014-05-05JavaScript簡(jiǎn)單實(shí)現(xiàn)合并兩個(gè)Json對(duì)象的方法示例
這篇文章主要介紹了JavaScript簡(jiǎn)單實(shí)現(xiàn)合并兩個(gè)Json對(duì)象的方法,結(jié)合實(shí)例形式分析了json對(duì)象的遍歷、添加實(shí)現(xiàn)合并的相關(guān)操作技巧,需要的朋友可以參考下2017-10-10JavaScript時(shí)間復(fù)雜度和空間復(fù)雜度
這篇文章主要介紹了JavaScript時(shí)間復(fù)雜度和空間復(fù)雜度,時(shí)間復(fù)雜度和空間復(fù)雜度是衡量一個(gè)算法是否優(yōu)秀的標(biāo)準(zhǔn),通常我們比較兩個(gè)算法時(shí)會(huì)用預(yù)先估算和事后統(tǒng)計(jì),下文詳細(xì)介紹,需要的朋友可以參考一下2022-07-07利用jsonp跨域調(diào)用百度js實(shí)現(xiàn)搜索框智能提示
這篇文章主要為大家詳細(xì)介紹了使用jsonp跨域調(diào)用百度js實(shí)現(xiàn)搜索框智能提示,感興趣的小伙伴們可以參考一下2016-08-08JS生態(tài)系統(tǒng)加速eslint解析器使用實(shí)例探索
這篇文章主要為大家介紹了JS生態(tài)系統(tǒng)加速之eslint解析器使用實(shí)例探索,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2024-01-01