Question

这是事情。我有一个名为A的主类。我希望这个类扩展B类。

class A extends B {}

但实际上，我希望B类在特定条件下扩展C，D或E：

class B extends B1 {}

或

class B extends B2 {}

或

class B extends B3 {}

所以B级将成为＆＃34;假的＆＃34; class，只是检查条件然后扩展正确的类。在决赛中，结果将与：

相同

class A extends B1 {}

或

class A extends B2 {}

或

class A extends B3 {}

我知道这在PHP中是可行的，例如抽象类或包装类。但是如何在JavaScript ES6中做到这一点？

由于

Answer 1

我发现博客文章提供了一种不使用util.inherits的简便es6方式 https://www.mikedoesweb.com/2017/dynamic-super-classes-extends-in-es6/

这是我使用传递的选项确定要扩展的类，然后在导出中对其进行混淆的方式

import ClassB from '  '
import ClassA form '  '

const ext = {
   classA: ClassA, // the default
   classB: ClassB
// can do as many as you want
}


function ExtendsMyClass (opts= {}) {

  if (!new.target) {
    throw new Error('Uncaught TypeError: Class constructor Interrupt cannot be invoked without \'new\'')
  }

// one could vet opts here too including opts.extend

   class MyClass extends ext[opts.extend || 'classA'] {
    constructor(opts = {}) {
      super(opts)
   ....
    }
} // end MyClass

return new MyClass(opts)

} // end dynamic extend

export default ExtendsMyClass
export { ExtendsMyClass as MyClass }

我可能会将其放入“包装器”实用程序函数中，该函数也接受子类。这样一来，可以动态扩展任何类，而不是上面的一次性实现。如果设置了异步功能，甚至可以实现动态导入。

Answer 2

因此，javascript中的类实际上并没有像其他语言那样以经典的继承方式设置，所以做你想要的最好的方法是设置你正在处理的对象的原型。有几种方法。

Object.setPrototypeOf(currentObj, newPrototype);

其中newPrototype是您要继承的对象。如果你想学习内部运作，这里有几篇很好的文章。

http://yehudakatz.com/2011/08/12/understanding-prototypes-in-javascript/

https://github.com/getify/You-Dont-Know-JS/blob/master/this%20%26%20object%20prototypes/ch5.md

Answer 3

很奇怪，但可能：

＆＃13;

class subClassFirst {

  report() {
    console.log(`Extended ${this.name} from the first class`);
  }
}

class subClassSecond {

  report() {
    console.log(`Extended ${this.name} from the second class`);
  }
}

class subClassThird {

  report() {
    console.log(`Extended ${this.name} from the third class`);
  }
}

function classCreator(condition) {
  let sub;
  switch (condition) {
    case 'first':
      sub = subClassFirst;
      break;
    case 'second':
      sub = subClassSecond;
      break;
    case 'third':
      sub = subClassThird;
      break;
  }

  return (class extends sub {
    constructor(name) {
      super();
      this.name = name;
    }
  });
}

let myClass;

myClass = classCreator('first');
let mcf = new myClass('f');

myClass = classCreator('second');
let mcs = new myClass('s');

myClass = classCreator('third');
let mct = new myClass('t');

mcf.report();
mcs.report();
mct.report();

＆＃13;

Answer 4

有一个Node JS函数

const util = require("util");

class MySubClass {}
class MySuperClass {}

util.inherits(MySubClass, MySuperClass);

JavaScript - 类在

4 个答案: