typescript - 为什么抽象方法实现里面的this.propertyName引用错误？

Question

为什么在下面的代码中我在抽象方法实现中的 this.name 引用有误？

abstract class Abstract {
  protected name: string;

  constructor () {
    this.abstractMethod();
  }

  protected abstract abstractMethod (): void;
}

class Concrete extends Abstract {
  protected name: string = 'Concrete';

  protected abstractMethod () {
    console.log(this, this.name); // Concrete, undefined
  }
}

new Concrete();

Link on example

Answer 1

查看编译后的 JavaScript 在这种情况下会有所帮助:

function Concrete() {
    _super.apply(this, arguments); // calls this.abstractMethod()
    this.name = 'Concrete';
}

赋值直到 super 调用之后才发生——调用 Abstract 的构造函数——所以此时 this.abstractMethod 被调用 this.name 是 undefined。