為您找到相關(guān)結(jié)果89個(gè)
ES6中的WeakMap和WeakSet特性和用途詳解_javascript技巧_腳本之家
weakSet.delete(obj1); console.log(weakSet.has(obj1));// 輸出: false 3.2 WeakSet和對(duì)象唯一性 WeakSet可以用來(lái)檢查一個(gè)對(duì)象是否已經(jīng)存在。由于WeakSet中的每個(gè)對(duì)象都是唯一的,所以我們可以利用這個(gè)特性來(lái)確保我們不會(huì)添加重復(fù)的對(duì)象。 例如,我們可以創(chuàng)建一個(gè)WeakSet,然后使用這個(gè)WeakSet來(lái)保存所有我們
www.dbjr.com.cn/javascript/306773l...htm 2025-5-31
javascript中Set、Map、WeakSet、WeakMap區(qū)別_vue.js_腳本之家
WeakSet是對(duì)象的集合,它的成員只能是對(duì)象,并且都是弱引用的對(duì)象,如何理解弱引用,就是當(dāng)對(duì)象不再被引用時(shí),對(duì)象會(huì)被垃圾回收機(jī)制回收,所以沒(méi)法確認(rèn)它的成員數(shù)量,所以WeakSet它是不可迭代的,無(wú)法使用forEach等方法去遍歷。 WeakSet方法 add(value): 向集合中添加一個(gè)新的項(xiàng) 1 2 3 4 5 6 7 8 const Weakset =...
www.dbjr.com.cn/article/2708...htm 2025-6-8
ES6新數(shù)據(jù)結(jié)構(gòu)Set與WeakSet用法分析_javascript技巧_腳本之家
可以使用...擴(kuò)展操作符把Set轉(zhuǎn)換成數(shù)組。 2.WeakSet WeakSet與Set類似,也是不重復(fù)的集合。區(qū)別在于:WeakSet的成員只能是對(duì)象;WeakSet中的對(duì)象是弱引用,即垃圾回收機(jī)制不考慮WeakSet對(duì)該對(duì)象的引用。當(dāng)其他變量不再引用某對(duì)象,其將被垃圾回收機(jī)制回收,哪怕這個(gè)對(duì)象被WeakSet引用。這意味著,WeakSet的成員是無(wú)法被引用的,...
www.dbjr.com.cn/article/1100...htm 2025-5-24
ES6新增數(shù)據(jù)結(jié)構(gòu)WeakSet的用法詳解_javascript技巧_腳本之家
可以通過(guò)WeakSet的has方法判斷一個(gè)元素是否已在集合中。 如果不需要存儲(chǔ)元素時(shí),可以使用delete方法刪除元素。 2.弱引用,不被計(jì)入垃圾回收 添加進(jìn)WeakSet的元素對(duì)象,WeakSet不會(huì)對(duì)元素對(duì)像的引用計(jì)數(shù)加1,對(duì)于被添加進(jìn)WeakSet的元素對(duì)象,只要該元素對(duì)象沒(méi)有被除WeakSet以外的其他對(duì)象引用,就會(huì)被垃圾回收釋放,在WeakSet中的...
www.dbjr.com.cn/article/1205...htm 2025-6-2
前端應(yīng)用中的JavaScript執(zhí)行效率優(yōu)化指南_javascript技巧_腳本之家
在需要緩存但不希望阻止垃圾回收的情況下,使用 WeakMap 或 WeakSet。 1 2 3 4 5 6 7 const cache =newWeakMap(); functionprocess(obj) { if(!cache.has(obj)) { cache.set(obj, compute(obj)); } returncache.get(obj); } 五、工具與框架支持 ...
www.dbjr.com.cn/javascript/342072s...htm 2025-6-5
JavaScript中V8引擎的垃圾回收機(jī)制詳解_javascript技巧_腳本之家
使用WeakMap、WeakSet(讓對(duì)象在不被引用時(shí)自動(dòng)釋放)。 總結(jié) V8 的垃圾回收機(jī)制主要基于分代回收: 新生代使用Scavenge(復(fù)制)算法,快速清理短生命周期對(duì)象。 老生代使用標(biāo)記-清除、標(biāo)記-整理等算法,優(yōu)化長(zhǎng)期存活對(duì)象的回收。 通過(guò)增量標(biāo)記、并發(fā) GC、增量壓縮等優(yōu)化策略,減少垃圾回收對(duì)性能的影響。
www.dbjr.com.cn/javascript/336363w...htm 2025-5-23
茶余飯后聊聊Vue3.0響應(yīng)式數(shù)據(jù)那些事兒_vue.js_腳本之家
Map、Set、WeakSet、WeakMap的監(jiān)聽(tīng) 前面提到 Proxy 可以代理所有的對(duì)象,立馬聯(lián)想到了 ES6 里面新增的集合 Map、Set, 聚合類型的支持得益于 Proxy 和 Reflect。講真的這之前還真不知道 Proxy 這么剛啥都能代理,二話不說(shuō)直接動(dòng)手用 Proxy 代理了一個(gè) map 試試水 ...
www.dbjr.com.cn/article/1731...htm 2025-6-5
深入理解vue3中的reactive()_vue.js_腳本之家
//Map,Set,WeakMap,WeakSet的處理函數(shù)是baseHandlers; const proxy = new Proxy(target, targetType === 2 /* TargetType.COLLECTION */ ? collectionHandlers : baseHandlers); proxyMap.set(target, proxy); return proxy; } getTargetType方法調(diào)用流程 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 ...
www.dbjr.com.cn/article/2755...htm 2025-6-9
JavaScript數(shù)據(jù)類型判斷之Object.prototype.toString.call() 的詳解...
WeakSet [object WeakSet] BigInt [object BigInt] 自定義類實(shí)例 [object Object] 示例 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 // 基本類型 console.log(Object.prototype.toString.call(123)); // [object Number] console.log(Object.prototype.toString.call("hello")); // [object Str...
www.dbjr.com.cn/javascript/331347v...htm 2025-6-12
vue3源碼分析reactivity實(shí)現(xiàn)原理_vue.js_腳本之家
//如果是map set weakMap weakSet采用collectionHandlers targetType === 2 ? collectionHandlers : baseHandlers ); proxyMap.set(target, proxy); //返回代理成功的對(duì)象 return proxy; } 這個(gè)函數(shù)比較簡(jiǎn)單,首先是第一種情況,調(diào)用了 reactive(target) 然后再次調(diào)用 reactive(target) 會(huì)返回同一個(gè)proxy代理對(duì)象,因...
www.dbjr.com.cn/article/2731...htm 2025-6-12