ES6 使用 `super` 超出类定义

Question

我正在尝试向类中添加额外的方法，这些额外的方法应该使用super 方法。

如果我将它们添加到模型定义中，它会起作用。

class A {
    doSomething() {
        console.log('logSomething');
    }

}

class B extends A {
    doSomething() {
        super.doSomething();
        console.log('logSomethingElse');
    }
}

如果我尝试将额外的方法添加到B.prototype，我会得到SyntaxError: 'super' keyword unexpected here。

class A {
    doSomething() {
        console.log('logSomething');
    }

}

class B extends A {
}

B.prototype.doSomething = function doSomething() {
    super.doSomething();
    console.log('logSomethingElse');
}

很清楚，为什么我会收到此错误。这是一个函数而不是类方法。

我们尝试将方法定义为类方法，并将其复制到原来的B类中：

class A {
    doSomething() {
        console.log('logSomething');
    }

}

class B extends A {}

class X {
    doSomething() {
        super.doSomething();
        console.log('2 logSomethingElse');
    }
}

B.prototype.doSomething = X.prototype.doSomething;

在这种情况下，我会收到TypeError: (intermediate value).doSomething is not a function。

有没有办法在原始类定义之外定义方法（引用super），然后将这些方法添加到原始类中？

Answer 1

super 指的是定义方法的类的祖先，它不是动态的。正如Babel output 说明的那样，super 被硬编码为Object.getPrototypeOf(X.prototype)，因此像这样的孤儿类没有意义，因为它没有super：

class X {
    doSomething() {
        super.doSomething();
        ...
    }
}

但super 可以替换为动态对应项：

doSomething() {
    const dynamicSuper = Object.getPrototypeOf(this.constructor.prototype);
    // or
    // const dynamicSuper = Object.getPrototypeOf(Object.getPrototypeOf(this));
    dynamicSuper.doSomething();
    ...
}

class B extends A {}
B.prototype.doSomething = doSomething;

在这种情况下，它将引用类实例的祖先类，其中 doSomething 被分配为原型方法。

Answer 2

虽然我认为这可以被认为是反模式，但您不应该在class 之外使用super。

您可以使用Object Literals 来实现。

参考Object.setPrototypeOf

const A = {
  sayHello() {
    console.log("I am A");
  },
  
  Factory() {
    return Object.create(this);
  }
}

const B = {
  sayHello() {
   super.sayHello();
  }
}

Object.setPrototypeOf(B, A);

const c = B.Factory();

c.sayHello();

Answer 3

如果您不让类 X 继承自类 B 或 A，则调用该方法的唯一方法是 A.prototype.doSomething() 或更一般的 A.prototype.doSomething.call(this_substitute, ...args)。