标签：javascript ecmascript-6 inheritance es6-class

如何避免在ES6 Javascript中命名来自类继承的冲突？

大型ES6 Javascript应用程序使用大量继承,以至于在基类中使用通用名称可能意味着在创建派生类时稍后调试头痛.这可能是糟糕的类设计的产物,但似乎更容易成为Javascript能够顺利扩展的问题.其他语言提供隐藏继承变量(Java)或属性(C#)的机制.缓解此问题的另一种方法是使用私有变量,这不是Javascript所具有的.

这是这种碰撞的一个例子. TreeObject类扩展了一个Evented对象(以继承了公平的功能),但它们都使用parent来存储它们的父对象.

class Evented {
    constructor(parent) {
        this.parent = parent;
    }
}
class TreeObject extends Evented{
    constructor(eventParent, treeParent) {
        super(eventParent);
        this.parent = treeParent;
    }
}

虽然这个例子有点人为,但我在像Ember这样的大型库中遇到了类似的冲突,其中库和最终应用程序之间的术语重叠了很多,导致我浪费时间在这里和那里浪费.

解决方法:

这似乎是一个设计问题(使用较小的对象和更平坦的层次结构),但也有一个问题的解决方案：符号！

const parentKey = Symbol("parent");
export class Evented {
    constructor(parent) {
        this[parentKey] = parent;
    }
}

import {Evented} from "…"
const parentKey = Symbol("parent");
class TreeObject extends Evented {
    constructor(eventParent, treeParent) {
        super(eventParent);
        this[parentKey] = treeParent;
    }
}

它们将可靠地防止任何碰撞,因为所有符号都是唯一的,无论其描述符如何.

标签：javascript,ecmascript-6,inheritance,es6-class
来源： https://codeday.me/bug/20190724/1523900.html

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