如何在打字稿中初始化父类?

时间:2020-10-25 02:56:21

标签: angular typescript

我定义了此类:

export interface Data_Extended extends Data {
  imageurl: string;
}

Data类的定义是:

export interface Data{
  id: string;
  name: string;
  description: string;
}

声明:

data_Extended:Data_Extended;

有时,我会在代码中创建该类的实例

this.data_Extended =       
return <Data_Extended>{
        super : new Data{id:"1", name:"torro", description: "last automata scene"},
        imageurl:"../repo/config/img_bit.jpeg"
      }

但是似乎super无法正常工作,并且出现语法错误。 所以我的问题是如何访问父级来初始化实例?

1 个答案:

答案 0 :(得分:1)

您定义的接口只是声明必须存在某些属性的接口。它们可以由类实现,但是它们不定义或创建类。它们没有构造函数,因此您无法使用new创建它们。

Typescript接口的优点在于它们可以通过类或普通javascript对象来实现。因此,只需创建具有正确属性的对象即可实例化它。

const extendedData: Data_Extended = {
    id: "1",
    name: "torro",
    description: "last automata scene",
    imageurl: "../repo/config/img_bit.jpeg"
};

Playground Link

相关问题