為您找到相關(guān)結(jié)果93個(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源碼分析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-5-18
Vue3.0 響應(yīng)式系統(tǒng)源碼逐行分析講解_vue.js_腳本之家
// 判斷被觀測(cè)的對(duì)象是否是set,weakSet,map,weakMap,根據(jù)情況使用對(duì)應(yīng)proxy的,配置對(duì)象 const handlers = collectionTypes.has(target.constructor) ? collectionHandlers : baseHandlers observed = new Proxy(target, handlers) toProxy.set(target, observed) toRaw.set(observed, target) if (!targetMap.has(targe...
www.dbjr.com.cn/article/1718...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-5-14
詳解ES6語(yǔ)法之可迭代協(xié)議和迭代器協(xié)議_javascript技巧_腳本之家
Map(), Set(), WeakMap(), WeakSet()(比如new Map([['a',1],['b',2]])) Promise.all() Promise.race() for...of for...of 循環(huán)是最新添加到 JavaScript 循環(huán)系列中的循環(huán)。 它結(jié)合了其兄弟循環(huán)形式 for 循環(huán)和 for...in 循環(huán)的優(yōu)勢(shì),可以循環(huán)任何可迭代(也就是遵守可迭代協(xié)議)類型的數(shù)據(jù)。默...
www.dbjr.com.cn/article/1327...htm 2025-5-14