JS多级类继承中，如何创建拥有Level2至Level5方法但不含Level1方法的对象？

由于JavaScript不支持多类继承，原代码形成了如下的多级继承链：

class Level1 {
    constructor() {
        this.level = 1;
    }

    method1() {
        console.log('This is method 1');
    }
}

class Level2 extends Level1 {
    constructor() {
        super();
        this.level = 2;
    }

    method2() {
        console.log('This is method 2');
    }
}

class Level3 extends Level2 {
    constructor() {
        super();
        this.level = 3;
    }

    method3() {
        console.log('This is method 3');
    }
}

class Level4 extends Level3 {
    constructor() {
        super();
        this.level = 4;
    }

    method4() {
        console.log('This is method 4');
    }
}

class Level5 extends Level4 {
    constructor() {
        super();
        this.level = 5;
    }

    method5() {
        console.log('This is method 5');
    }
}

let obj = new Level5();
obj.method1(); // Outputs: This is method 1
obj.method2(); // Outputs: This is method 2
obj.method3(); // Outputs: This is method 3
obj.method4(); // Outputs: This is method 4
obj.method5(); // Outputs: This is method 5

要创建一个拥有Level2至Level5全部方法、但不含Level1方法的对象，不需要必须重新构建继承链，有几种可行方案：

方案1：修改现有类的原型链 #

直接调整Level2的原型指向，切断它和Level1的继承关系：

// 创建空基类替代Level1
class EmptyBase {}
// 重设Level2的原型链
Object.setPrototypeOf(Level2.prototype, EmptyBase.prototype);
// 修正constructor指向
Level2.prototype.constructor = Level2;

// 此时创建的Level5实例就不会继承Level1的方法
const obj = new Level5();
obj.method2(); // 输出: This is method 2
obj.method3(); // 输出: This is method 3
obj.method4(); // 输出: This is method 4
obj.method5(); // 输出: This is method 5
obj.method1(); // 报错: obj.method1 is not a function

注意：这种方法会修改原有类的全局状态，如果其他地方还需要使用继承Level1的Level2，可能会引发问题，适合临时场景。

方案2：使用混入（Mixin）整合方法 #

把Level2到Level5的方法提取出来，混合到一个新类中，完全绕过继承链：

// 提取各层级的方法和构造逻辑
const level2Logic = {
  initLevel2() {
    this.level = 2;
  },
  method2() { console.log('This is method 2'); }
};

const level3Logic = {
  initLevel3() {
    this.level = 3;
  },
  method3() { console.log('This is method 3'); }
};

const level4Logic = {
  initLevel4() {
    this.level = 4;
  },
  method4() { console.log('This is method 4'); }
};

const level5Logic = {
  initLevel5() {
    this.level = 5;
  },
  method5() { console.log('This is method 5'); }
};

// 创建新类，整合所有逻辑
class CombinedClass {
  constructor() {
    // 按顺序执行初始化，最终level会被设为5
    level2Logic.initLevel2.call(this);
    level3Logic.initLevel3.call(this);
    level4Logic.initLevel4.call(this);
    level5Logic.initLevel5.call(this);
  }
}

// 将所有方法拷贝到新类的原型上
Object.assign(CombinedClass.prototype, level2Logic, level3Logic, level4Logic, level5Logic);
CombinedClass.prototype.constructor = CombinedClass;

const obj = new CombinedClass();
obj.method2(); // 正常输出
obj.method3(); // 正常输出
obj.method4(); // 正常输出
obj.method5(); // 正常输出
obj.method1(); // 报错: obj.method1 is not a function

这种方式灵活，不会影响原有类的结构，适合快速整合需求。

方案3：重新构建独立的继承链 #

如果需要长期维护这个类结构，重新构建一条不含Level1的继承链是最清晰的方案，避免全局修改带来的副作用：

class Level2Base {
  constructor() {
    this.level = 2;
  }

  method2() { console.log('This is method 2'); }
}

class Level3Base extends Level2Base {
  constructor() {
    super();
    this.level = 3;
  }

  method3() { console.log('This is method 3'); }
}

class Level4Base extends Level3Base {
  constructor() {
    super();
    this.level = 4;
  }

  method4() { console.log('This is method 4'); }
}

class Level5Base extends Level4Base {
  constructor() {
    super();
    this.level = 5;
  }

  method5() { console.log('This is method 5'); }
}

const obj = new Level5Base();
// 拥有Level2-5的所有方法，无Level1的method1

这种方案代码可读性高，后续维护和扩展更方便。

内容的提问来源于stack exchange，提问作者DaniloMourelle