标签：javascript extend es6-class boilerplate

在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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。