首页 > Web开发 > 详细

你不知道的JS系列 ( 37 ) - Getter 和 Putter

时间:2020-03-26 10:42:23      阅读:39      评论:0      收藏:0      [点我收藏+]
对象默认的[[Put]] 和 [[Get]] 操作分别可以控制属性值的设置和获取

 

可以使用 getter 和 setter 部分改写默认操作,但是只能应用在单个属性上。当你给一个属性定义 getter、setter 或者两者都有时,这个属性会被定义为 “访问描述符”。对于访问描述符来说,会忽略它们的 value 和 writable 的特性,取而代之的是关心 set 和 get 特性

 

var myObject = {
  get a() { // 给 a 定义一个 getter
    return 2;
  }
}

Object. defineProperty(myObject, ‘b‘, {
  get: function() { // 给 b 设置一个 getter
    return this.a * 2
  },
  enumerable: true // 确保 b 会出现在对象的属性列表中
})
myObject.a = 3;
myObject.a; // 2
myObject.b; // 4

这里我们自定义的 getter 只会返回 2,所以 set 操作是没有意义的。为了让属性合理,通常来说 getter 和 setter 是成对出现的,只定义一个通常会产生意料之外的行为

 

var myObject = {
  get a() { // 给 a 定义一个 getter
    return this._a_;
  }
  set a(val) {
    this._a_ = val * 2;
  }
}
myObject.a = 2;
myObject.a; // 4

在本例中,把赋值[[Put]]操作中的值 2 存储到了另一个变量 _a_ 中

你不知道的JS系列 ( 37 ) - Getter 和 Putter

原文:https://www.cnblogs.com/wzndkj/p/12571987.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!