资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

JavaScript弱映射与弱集合实例分析

这篇文章主要介绍“JavaScript弱映射与弱集合实例分析”,在日常操作中,相信很多人在JavaScript弱映射与弱集合实例分析问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”JavaScript弱映射与弱集合实例分析”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

发展壮大离不开广大客户长期以来的信赖与支持,我们将始终秉承“诚信为本、服务至上”的服务理念,坚持“二合一”的优良服务模式,真诚服务每家企业,认真做好每个细节,不断完善自我,成就企业,实现共赢。行业涉及成都水泥搅拌车等,在网站建设成都营销网站建设、WAP手机网站、VI设计、软件开发等项目上具有丰富的设计经验。

JavaScript弱映射与弱集合实例分析

简单来讲,如果一个变量、对象是“不可达”的,那么这个变量、对象就没有必要继续保存在内存中,进而应该被回收。

举个例子:

let xiaoming = {name:'xiaoming'}//创建一个对象,并用变量xiaoming引用

xiaoming = null	//将变量xiaoming置空,从而使对象{name:'xiaoming'}不可达

//{name:'xiaoming'}对象被回收

如果一个对象被数组,其他对象引用,只要引用它数组和对象存在于数组中,那么这个对象也就被认为是可达的。

数组中的对象:

let xiaoming = {name:'xiaoming'}
let arr = [xiaoming]
xiaoming = null //将变量xiaoming置空
//对象{name:'xiaoming'}由于存在于数组中,并不会被释放

同样的,如果我们把一个对象做为Map的键,如果Map存在,那么对象就不会被引擎回收。

Map中的键对象:

let xiaoming = {name:'xiaoming'}
let map = new Map()
map.set(xiaoming,'a boy')
xiaoming = null //将变量xiaoming置空
//对象{name:'xiaoming'}由于是map的键,并不会被释放

WeapMap在释放键对象的处理上和Map有着本质上的不同,简单来讲,WeapMap不会因为对象作为键而阻止垃圾回收。

WeakMap

WeakMapMap的区别可分为三个方面:

  1. WeakMap只能以对象作为键

let weakMap = new WeakMap()
let obj = {name:'obj'}
weakMap.set(obj,'obj as the key')
weakMap.set('str','str as the key')//报错

代码执行结果如下:

JavaScript弱映射与弱集合实例分析

可见,当我们使用字符串作为key时,程序不能正常执行。

  1. 不阻止引擎对键(对象)的回收

也就是说,如果一个对象除了WeakMap的引用之外没有其他引用,那么这个对象就会被系统回收。

举个例子:

let weakMap = new WeakMap()
let obj = {name:'obj'}
weakMap.set(obj,'obj as the key')
obj = null	//将变量obj置空
//此时,对象{name:'obj'}就会被回收
  1. WeakMap支持的方法有限

  • WeakMap不支持迭代

  • WeakMap不支持keys()

  • WeakMap不支持values()

  • WeakMap不支持entires()

所以,我们没有办法获得所有的键值对。

WeakMap只能使用如下方法:

  • weakMap.get(key)获取键值对

  • weakMap.set(key,val)设置键值对

  • weakMap.delete(key)删除键值对

  • weakMap.has(key)判断是否存在

之所以要限制WeakMap的数据访问方式,是因为JavaScript引擎释放对象的时机是无法确定的。

当一个对象失去了所有的引用之后,JavaScript引擎有可能会立即释放对象占用的空间,也有可能再等一等。

所以,在某一时刻,WeakMap的元素数量是不能确定的。(试想一下,如果一个对象在失去所有的引用之后,我们遍历WeakMap的元素,可能会得到不同的结果。)

WeakMap使用案例

WeakMap的应用场景通常是存储一个“属于”对象的数据,当这个对象不存在时,“属于”这个对象的数据也应该随之释放。

有一个非常适合使用WeakMap`的历史故事:“狡兔死,走狗烹;飞鸟尽,良弓藏”。

如果我们用JavaScript代码描述这个故事,就应该用WeakMap:

let weakMap = new WeakMap()
let rabbit = {name:'rabbit'}  	//狡兔
let runDog  = {name:'runDog'}	//走狗
let flyBird = {name:'flyBird'}	//飞鸟
let goodBow = {name:'goodBow'}	//良弓
weakMap.set(rabbit,runDog)
weakMap.set(flyBird,goodBow)

rabbit = null	//狡兔死
flyBird = null	//飞鸟尽
//随即,走狗和良弓都会被释放,也可能不是立刻就释放
//这个故事告诉我们,当走狗没有啥好下场,可能不是立刻就被
//弄死了,但是迟早要弄死

WeakSet

Set相比,WeakSet有以下不同点:

  1. WeakSet只能添加对象元素

  2. WeakSet不阻止系统对元素的回收

  3. WeakSet支持add()has()delete()

  4. WeakSet不支持size属性和keys()方法

我们可以用WeakMap来验证一些存在性信息,或者验证"是/否"等状态,例如,我们可以使用WeakMap判断用户是否在线:

let onlineUser = new WeakMap()
let zhangSan = {name:'张三'}
let liSi = {name:'李四'}
let wangEr = {name:'王二'}
let maZi = {name:'麻子'}

function login(user){
    ... ...
    onlineUser.add(user)
}

//判断用户是否在线
function isOnline(user){
    return onlineUser.has(user)
}

WeakMapWeakSet的局限性是不能迭代,无法一次性获取所有元素,当时不影响它们在非常关键的地方发挥重要的作用。

到此,关于“JavaScript弱映射与弱集合实例分析”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!


网站栏目:JavaScript弱映射与弱集合实例分析
文章分享:http://cdkjz.cn/article/jhgicj.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220