11.WeakMap()与WeakSet()

最新推荐文章于 2024-03-23 21:57:09 发布
最新推荐文章于 2024-03-23 21:57:09 发布
阅读量95 收藏
点赞数
分类专栏： # js零碎知识点
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44805237/article/details/117266579
版权
本文介绍了JavaScript的垃圾回收机制，强调其自动执行且不可强制干预的特点，以及对象可达性与内存占用的关系。同时，详细阐述了WeakMap与普通Map的区别，包括键必须为对象、不支持迭代及键值回收的及时性。WeakMap在网站统计、缓存管理和用户追踪等场景中有独特应用。
摘要由CSDN通过智能技术生成

1.知识储备：js垃圾回收机制（GC）

（1）自动完成，不能强制执行或者阻止执行

（2）当对象使可达状态时候，它一定使存在内存中的

（3）被引用与可访问不同：一组相互连接的对象可能整体都是不可达的

 

2.WeakMap()与WeakMap()与map与set的本质不同: 不阻止GC对键对象的回收

（1）键必须为对象，不能是原始值

（2）不支持迭代，不支持keys()，values()，entries()。无法一次获取所有键和值

原因：对象丢失引用之后，从技术角度不能准确知道该对象被回收的时间

 

3.应用场景

（1）网站统计用户访问内部页面次数计数

（2）cache缓存自动清除

（3）追踪访问过网站的用户

 

 

 

参考： js垃圾回收机制   WeakMap与WeakSet

coderLcy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
which-collection:这个 JavaScript 值是哪种集合（Map、Set、WeakMap、WeakSet）？ 跨领域工作，没有`instanceof`，尽管Symbol.toStringTag
07-24
这个 JavaScript 值是哪种集合（Map、Set、WeakMap、WeakSet）？ 跨领域工作，没有instanceof ，尽管有 Symbol.toStringTag 。 例子 var whichCollection = require ( 'which-collection' ) ; var assert = ...
TypeScript-ES6-DataStructures-Polyfill:用Typescript为Ecmascript 6新数据结构编写的Polyfill，例如Map，Set，WeakMap，WeakSet
05-20
TypeScript-ES6-DataStructures-Polyfill 用打字稿为ecmascript 6 newdata结构编写的Polyfill，例如Map，Set，WeakMap，WeakSet
WeakMap和WeakSet
yiyueqinghui的博客
03-22 309
文章目录WeakMapWeakSet WeakMap WeakMap 和 Map 的第一个不同点就是，WeakMap 的键必须是对象，不能是原始值。 let john = { name: "John" }; let weakMap = new WeakMap(); weakMap.set(john, "..."); john = null; // 覆盖引用 // john 被从内存删除了 WeakMap 不支持迭代以及 keys()，values() 和 entries() 方法。所以没有办法获取 W
weakset 和weakmap
wx479的博客
11-09 1131
WeakMap（只）接受对象作为键。这些对象是被弱持有的，也就是说如果对象本身被垃圾回收的话，在WeakMap中的这个项目也会被移除。 WeakMap没有size属性或clear()方法，也不会暴露任何键、值或项目上的迭代器。 WeakMap只是弱持有它的键，而不是值 WeakSet的值必须是对象，而并不像set一样可以是原生类型值。 WeakMap也是map，其中的键（对象）是弱持有的，因此当它是对这个对象的最后一个引用的时候，GC（垃圾回收）可以回收这个项目。WeakSet也是s..
WeakMap 与 WeakSet
潮汐未见潮落的博客
04-30 977
ES6 的 WeakMap 与 WeakSet
ES6 --- WeakMap、WeakSet（弱映射和弱集合）
秋天，黄叶坠地，凉风有信。
02-23 1301
13日 二月 2022 WeakMap and WeakSet（弱映射和弱集合） 我们从前面的 垃圾回收 文章中知道，JavaScript 引擎在值“可达”和可能被使用时会将其保持在内存中。 例如： let john = { name: "John" }; // 该对象能被访问，john 是它的引用 // 覆盖引用 john = null; // 该对象将会被从内存中清除 通常，当对象、数组之类的数据结构在内存中时，它们的子元素，如对象的属性、数组的元素都被认为是可达的。 例如，如果把一个对象放入到
32-Set_Map和WeakSet_WeakMap(es6方法和弱引用).ts
03-06
32-Set_Map和WeakSet_WeakMap(es6方法和弱引用)
weak-merge::link:用于合并WeakSet和WeakMaps的模块
05-05
const weakSet1 = new WeakSet ( [ a , b ] ) const weakSet2 = new WeakSet ( [ c ] ) const mergedWeakSet = mergeWeakSets ( weakSet1 , weakSet2 ) console . log ( [ a , b , c ] . map ( key => mergedWeakSet...
2023前端vue面试题及答案.pdf
06-21
Proxy也支持Map、Set、WeakMap和WeakSet等数据结构。 二、Slot的理解和使用场景 Slot是Web Components技术套件的一部分，是Web组件内的一个占位符。Slot可以在后期使用自定义标记语言填充，并且可以在组件模板中占...
weakMap和weakSet
weixin_49343253的博客
07-19 1084
一、weakSet 1.1 什么是weakSet weakSet和Set一样，里面只能存放内容不相同的值 1.2 和Set有什么区别 1、weakSet内部只能存放对象类型的数据，不能存放其他类型的数据，会报错 const ws = new WeakSet(); ws.add(1) // TypeError: Invalid value used in weak set ws.add(Symbol()) // TypeError: invalid value used in weak se..
WeakSet和WeakMap
weixin_33889245的博客
09-05 197
WeakSet WeakSet和Set都是不重复的值的集合。WeakSet和Set有两点不同。1、WeakSet的成员只能是对象，Set的成员不仅可以是对象还可以是其他类型的值。 2、WeakSet中的对象都是弱引用，垃圾回收机制不考虑WeakSet对该对象的引用，即，如果其他对象不再引用该对象，垃圾回收机制会自动回收该对象所占用的内容，...
WeakMap 和 WeakSet：解决内存泄漏&避免循环引用(上)
你若盛开，清风自来
12-22 1271
以下是WeakMap和WeakSet的背景和用途介绍：WeakMap类似于Map，但是键只能是对象类型且键名所指向的对象是弱引用，这意味着如果这个对象在其他地方没有被引用，那么它将会被垃圾回收，这也是WeakMap的主要应用场景。WeakSet类似于Set，但成员只能是对象类型，且成员对象是弱引用，这意味着如果这个对象在其他地方没有被引用，那么它将会被垃圾回收，这也是WeakSet的主要应用场景。总的来说，WeakMap和WeakSet主要用于解决内存泄漏问题，避免循环引用。
ES6 Set、Map、WeakSet、WeakMap详解
最新发布
qq_56427830的博客
03-23 1029
Set、 Map. WeakSet 和WeakMap有什么区别，ES6新增的set、map、weakSet、WeakMap的用法是什么
Set 、WeakSet、Map、WeakMap用法
小柒的前端之旅
08-06 1608
Set ES6提供了新的数据结构 —— Set 。它类似于数组，但是成员的值都是唯一的，没有重复。Set 本身是一个构造函数，用来生成Set数据结构 [Set结构的实例属性] Set.Prototype.constructor: 构造函数，默认就是Set函数 Set.prototypr.size: 返回Set实例的成员总数 Set实例的方法分为两大类： 操作方法（用于操作数据）和遍历方法（用于......
10.Set 和 Map 数据结构
awkticu3808的博客
01-16 306
Set 和 Map 数据结构Set 和 Map 数据结构Set基本用法ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set 本身是一个构造函数，用来生成 Set 数据结构。const s = new Set(); [2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x)); for (let i o...
es6的set map weakmap weakset以及js的内存泄漏
m_review的博客
03-20 2361
什么是内存泄漏？ 程序的运行需要内存。只要程序提出要求，操作系统或者运行时就必须供给内存。 对于持续进行的服务进程（daemon），必须及时释放内存，否则内存占用会越来越高，影响系统性能，直至进程崩溃。 所以，不再用到的内存，没有及时释放，就叫做内存泄漏（memory leak） 有些语言，比如C语言，必须手动释放内存，程序员负责内存管理。 char * buffer; bu...
js中的WeakMap和WeakSet
weixin_44691513的博客
08-17 1135
js中的WeakMap和WeakSet WeakMap WeakMap结构与Map结构类似，也是用于生成键值对的集合。 WeakMap与Map的区别有两点。 首先，WeakMap只接受对象作为键名（null除外），不接受其他类型的值作为键名。 其次，WeakMap的键名所指向的对象，不计入垃圾回收机制(不算是引用) const wm1=new WeakMap(); const key={foo:1}; wm1.set(key,2); wm1.get(key);//2 //WeakMap也可以接受一个数组 /
Set、Map、WeakSet 和 WeakMap 的区别？
hai_xia的博客
07-24 1302
set Set 本身是一种构造函数，用来生成 Set 数据结构。 (1) 成员不能重复 (2)只有键值对，没有键名，有点类似数组。 (3)可以遍历，方法有add, delete,has. // 去重数组的重复对象 let arr = [1, 2, 3, 2, 1, 1] [... new Set(arr)] // [1, 2, 3] Map (1) 成员都是对象 (2)成员都是弱引用，随...
WeakMap 和 WeakSet是什么
04-14
WeakMap 和 WeakSet 与普通的 Map 和 Set 不同，它们的键和值（或元素）必须是对象。当键或元素的引用被清除时，它们会自动从 WeakMap 和 WeakSet 中删除，这使得它们非常适合存储临时对象，如缓存数据、DOM 数据等...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值