ES6面向对象部署隐私属性

ES6面向对象部署隐私属性

完成一个例子,例子内容是写一个面型对象,这个面向对象完成的效果是执行2次dec方法后会输出一句话,其中这个面向对象中我把属性隐藏了,外面WeakMap存放隐私数据

首先,WeakMap只接受对象作为键名(null除外),不接受其他类型的值作为键名。
其次,WeakMap的键名所指向的对象,不计入垃圾回收机制

const _counter = new WeakMap();//隐私属性计时器
const _action = new WeakMap();//计时器倒计时后多少   我在执行
class Countdown { //定义倒数计秒 的类
  constructor(counter, action) {//在这里做手脚,我接受过来的参数我不放在实例里面,而是放到WeakMap上面
  	//有什么好处:WeakMap =>它的键所对应的对象,可能会在将来消失。WeakMap结构有助于防止内存泄漏。
    _counter.set(this, counter);
    _action.set(this, action);
  }
  dec() {
    let counter = _counter.get(this);//获取_counter中存放的计时器数字
    if (counter < 1) return;//如果计时器的数值小于1    我就不往下执行了
    counter--;  //其让情况下 我让我的计时器数字继续递减
    _counter.set(this, counter);  // 然后并且重新给WeakMap重新赋值
    if (counter === 0) { //只有当计时器恒等于0时,
      _action.get(this)();//我在执行我后面的逻辑      就是执行参数2的逻辑
    }
  }
}
const c = new Countdown(2, () => console.log('DONE'));//参数1:初始化机计时器的数字;参数2:计时器结束后我执行的逻辑
c.dec()
c.dec() //NODE       执行了参数2 的逻辑

总结下:WeakMap =>它的键所对应的对象,可能会在将来消失。WeakMap结构有助于防止内存泄漏。

此文受于阮一峰ES6教程受到启发 ,地址:https://es6.ruanyifeng.com/#docs/set-map#Map

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值