首页 文章 精选 留言 我的

精选列表

搜索[Vue组件库],共10000篇文章
优秀的个人博客,低调大师

Vue 3 高阶指南之 WeakMap

高阶指南之 WeakMap 「WeakMap」 对象是一组键/值对的集合,其中的键是弱引用的。其键必须是对象,而值可以是任意的。 在 JavaScript 里,map API 可以通过使其四个 API 方法共用两个数组(一个存放键,一个存放值)来实现。给这种 map 设置值时会同时将键和值添加到这两个数组的末尾。从而使得键和值的索引在两个数组中相对应。当从该 map 取值的时候,需要遍历所有的键,然后使用索引从存储值的数组中检索出相应的值。 但这样的实现会有两个很大的缺点,首先赋值和搜索操作都是 O(n) 的时间复杂度( n 是键值对的个数),因为这两个操作都需要遍历全部整个数组来进行匹配。另外一个缺点是可能会导致内存泄漏,因为数组会一直引用着每个键和值。这种引用使得垃圾回收算法不能回收处理他们,即使没有其他任何引用存在了。 相比之下,原生的 WeakMap 持有的是每个键对象的“弱引用”,这意味着在没有其他引用存在时垃圾回收能正确进行。原生 WeakMap 的结构是特殊且有效的,其用于映射的 key 只有在其没有被回收时才是有效的。 正由于这样的弱引用,WeakMap 的 key 是不可枚举的 (没有方法能给出所有的 key)。如果key 是可枚举的话,其列表将会受垃圾回收机制的影响,从而得到不确定的结果。因此,如果你想要这种类型对象的 key 值的列表,你应该使用 Map。 基本上,如果你要往对象上添加数据,又不想干扰垃圾回收机制,就可以使用 WeakMap。 属性 WeakMap.length length 属性的值为 0。 WeakMap.protorype WeakMap 构造器的原型。允许添加属性到所有的 WeakMap 对象。 方法 WeakMap.prototype.delete(key) 移除key的关联对象。执行后 WeakMap.prototype.has(key)返回``false。 WeakMap.prototype.get(key) 返回key关联对象, 或者 undefined(没有key关联对象时)。 WeakMap.prototype.has(key) 根据是否有key关联对象返回一个Boolean值。 WeakMap.prototype.set(key,value) 在WeakMap中设置一组key关联对象,返回这个 WeakMap对象。 使用 WeakMap constwm1=newWeakMap(),wm2=newWeakMap(),wm3=newWeakMap();consto1={},o2=function(){},o3=window; wm1.set(o1,37);wm1.set(o2,"azerty");wm2.set(o1,o2);//value可以是任意值,包括一个对象或一个函数wm2.set(o3,undefined);wm2.set(wm1,wm2);//键和值可以是任意对象,甚至另外一个WeakMap对象 wm1.get(o2);//"azerty"wm2.get(o2);//undefined,wm2中没有o2这个键wm2.get(o3);//undefined,值就是undefined wm1.has(o2);//truewm2.has(o2);//falsewm2.has(o3);//true(即使值是undefined) wm3.set(o1,37);wm3.get(o1);//37 wm1.has(o1);//truewm1.delete(o1);wm1.has(o1);//false 实现一 个带有 .clear() 方法的类 WeakMap 类 classClearableWeakMap{constructor(init){this._wm=newWeakMap(init)}clear(){this._wm=newWeakMap()}delete(key){returnthis._wm.delete(key)}get(key){returnthis._wm.get(key)}has(key){returnthis._wm.has(key)}set(key,value){this._wm.set(key,value)returnthis}} 本文分享自微信公众号 - 人生代码(lijinwen1996329ken)。如有侵权,请联系 support@oschina.cn 删除。本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一起分享。

资源下载

更多资源
Mario

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长,特征是大鼻子、头戴帽子、身穿背带裤,还留着胡子。与他的双胞胎兄弟路易基一起,长年担任任天堂的招牌角色。

腾讯云软件源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题,腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构,目前腾讯云软件源站支持公网访问和内网访问。

Nacos

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称,一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集,帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Rocky Linux

Rocky Linux

Rocky Linux(中文名:洛基)是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版,作为CentOS稳定版停止维护后与RHEL(Red Hat Enterprise Linux)完全兼容的开源替代方案,由社区拥有并管理,支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性,采用模块化包装和SELinux安全架构,默认包含GNOME桌面环境及XFS文件系统,支持十年生命周期更新。

用户登录
用户注册