继承方法调用触发Typescript编译器错误

Question

我在使用webstorm打字稿编译器时遇到问题。 我有以下课程

export class rootData{
  id:string
  //...

  constructor(){
    //...
  }

  insert = ():Promise<any> =>{
    //...
  }
}

class child extends rootData {
  //...   

  constructor(){
     super();
  }

  insert = ():Promise<any> => {
        return super.insert();
    }
}

因此，键入“ super”，我会在智能感知中看到所有rootData公共方法。 但是在设置super.insert（）之后，出现以下错误：

TS2340：仅可通过'super'关键字访问基类的公共和受保护的方法

在TS游乐场中尝试过，它正在工作（认为是简化版本）。

谢谢你的帮助。

编辑：检查编译的javascript后，超级方法的调用在那里。 所以编译器给出了一个错误，但是编译了……

Answer 1

因为super调用被重定向到prototype您不能使用property而需要使用method即不能使用= ()=> 。

固定代码：

export class rootData{
  id:string
  //...

  constructor(){
    //...
  }

  insert():Promise<any>{
    //...
  }
}

class child extends rootData {
  //...   

  constructor(){
     super();
  }

  insert():Promise<any> {
        return super.insert();
    }
}

Answer 2

您可以创建一个受保护的“内部”方法，该方法实际上会执行逻辑。 由于您不能在类外调用它，因此始终在正确的上下文中。

export class rootData{
  id:string
  //...

  constructor(){
    //...
  }

  insert = ():Promise<any> =>{
    return this.insertInternal();
  }

  protected insertInternal():Promise<any>{
    //...
  }
}

class child extends rootData {
  //...   

  constructor(){
     super();
  }

  protected insertInternal():Promise<any> {
        return super.insertInternal();
    }
}

您可以在此处查看它的TypeScript Playgound版本。