ES6 模式下的多继承实现

最新推荐文章于 2024-10-10 08:00:00 发布

追逐、

最新推荐文章于 2024-10-10 08:00:00 发布

阅读量2.6k

点赞数 3

分类专栏：前端技术 es6 class 文章标签： es6 多继承

本文链接：https://blog.csdn.net/qq_29722281/article/details/96979042

版权

本文探讨了在ES6环境下遇到的多继承问题。由于ES6的class不直接支持多继承，作者通过阅读阮一峰老师的博客找到解决方案，利用特定的继承代码成功创建了继承链。然而，super()函数无法传递参数，通过调整代码后问题得到解决。然而，实际应用中发现mix函数在复制原型链时未进行深度拷贝，导致无法正确继承上层父类，作者计划对此进行改进。

摘要由CSDN通过智能技术生成

问题产生：

继承链如下：

在这里插入图片描述
我的Dog对象实现了Animal类的属性，但是我同时想继承Friendly类。获取分享属性。

问题解决

实际上ES6的 class并不能实现多继承。我无法通过这种形式实现多继承：
在这里插入图片描述
网上找了许多mixmin的思路和想法，最终在阮一峰老师的博客内找到了解决方案：

function mix(...mixins) {
  class Mix {
    constructor() {
      for (let mixin of mixins) {
        copyProperties(this, new mixin()); // 拷贝实例属性
      }
    }
  }

  for (let mixin of mixins) {
    copyProperties(Mix, mixin); // 拷贝静态属性
    copyProperties(Mix.prototype, mixin.prototype); // 拷贝原型属性
  }

  return Mix;
}

function copyProperties(target, source) {
  for (let key of Refl