Javascript，扩展 ES6 类 setter 将继承 getter

Question

在 Javascript 中，带有以下插图代码：

class Base {
   constructor() {  this._val = 1   }
   get val()     { return this._val }
}

class Xtnd extends Base {
   set val(v)    { this._val = v }
}

let x = new Xtnd();
x.val = 5;
console.log(x.val);  // prints 'undefined'

实例x 不会从Base 类继承get val()...。事实上，Javascript 将在 setter 存在的情况下不存在 getter 视为未定义。

我有一种情况，我有很多类都有完全相同的 getter 集，但 setter 是唯一的。目前，我只是在每个类中复制 getter，但我正在重构并希望消除冗余代码。

有没有办法告诉 JS 让 getter 远离基类，或者有没有人有一个优雅的解决方案来解决这个问题？

Answer 1

这个限制是由于 JavaScript 如何在后台处理属性访问器。在 ECMAScript 5 中，您最终会得到一个原型链，其中包含一个用于 val 的 property descriptor 以及一个由您的类定义的 get 方法，以及一个未定义的 set 方法。

在您的Xtnd 类中，您有另一个val 的属性描述符，它隐藏了基类val 的整个属性描述符，其中包含一个由该类定义的set 方法和一个get 方法，即未定义。

为了将 getter 转发到基类实现，不幸的是，您需要在每个子类中使用一些样板，但您至少不必复制实现本身：

class Base {
   constructor() {  this._val = 1   }
   get val()     { return this._val }
}

class Xtnd extends Base {
   get val()     { return super.val }
   set val(v)    { this._val = v }
}

let x = new Xtnd();
x.val = 5;
console.log(x.val);  // prints '5'