如何避免ES6 Javascript类继承命名冲突

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了如何避免ES6 Javascript类继承命名冲突，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1218字，纯文字阅读大概需要2分钟。

内容图文

如何避免在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;
    }
}

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

内容总结

以上是互联网集市为您收集整理的如何避免ES6 Javascript类继承命名冲突全部内容，希望文章能够帮你解决如何避免ES6 Javascript类继承命名冲突所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端