0、
当你给一个属性定义 getter、setter 或者两者都有时,这个属性会被定义为“访问描述
符”(和“数据描述符”相对)。对于访问描述符来说,JavaScript 会忽略它们的 value 和writable 特性,取而代之的是关心 set 和 get(还有 configurable 和 enumerable)特性。
思考下面的代码:
var myObject = {
// 给 a 定义一个 getter
get a() {
return 2;
}
};
Object.defineProperty(
myObject, // 目标对象
"b", // 属性名
118|第 3章 { // 描述符
// 给 b 设置一个 getter
get: function () {
return this.a * 2
},
// 确保 b 会出现在对象的属性列表中
enumerable: true
});
myObject.a; // 2
myObject.b; // 4
0、
不管是对象文字语法中的 get a() { .. },还是 defineProperty(..) 中的显式定义,二者
都会在对象中创建一个不包含值的属性,对于这个属性的访问会自动调用一个隐藏函数,
它的返回值会被当作属性访问的返回值:
var myObject = {
// 给 a 定义一个 getter
get a() {
return 2;
}
};
myObject.a = 3;
myObject.a; // 2
由于我们只定义了 a 的 getter,所以对 a 的值进行设置时 set 操作会忽略赋值操作,不会抛
出错误。而且即便有合法的 setter,由于我们自定义的 getter 只会返回 2,所以 set 操作是
没有意义的。
1、
为了让属性更合理,还应当定义 setter,和你期望的一样,setter 会覆盖单个属性默认的
[[Put]](也被称为赋值)操作。通常来说 getter 和 setter 是成对出现的(只定义一个的话
通常会产生意料之外的行为):
var myObject = {
_a_: 1,
// 给 a 定义一个 getter
get a() {
return this._a_;
},
// 给 a 定义一个 setter
set a(val) {
this._a_ = val * 2;
}
};
myObject.a; //1
myObject.a = 2;
myObject.a; // 4