Javascript,扩展ES6类setter将继承getter

在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,或者有没有人有这个问题的优雅解决方案？

解决方法:

这种限制是由于JavaScript如何处理幕后的属性访问器.在ECMAScript 5中,最终得到一个原型链,其中包含一个property descriptor for val,其中包含由您的类定义的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 'undefined'

标签：javascript,extend,es6-class,boilerplate
来源： https://codeday.me/bug/20190607/1193920.html