打字稿分层继承

时间:2021-02-09 01:34:43

标签: typescript inheritance

考虑以下事项:

class A {
  commonString: string = "common";
}
class B extends A {
  bString: string = "b";
}
class C extends A {
  cString: string = "c";
}

在我看来,这是一个非常普通的继承示例——事实上,这是最基本的示例之一。然而,如果我没有正确阅读这个文档,TypeScript 的继承机制不支持这种模式吗?考虑以下两个来源:

https://www.javatpoint.com/typescript-inheritance - “当从一个基类继承多个子类时,这种类型的继承称为层次继承。...TypeScript 不支持层次继承。”

https://www.w3spoint.com/inheritance-typescript - 在列出另一篇文章列出的五种继承类型后,说“TypeScript 仅支持单级和多级继承。”

我觉得这很难相信,原因有两个:

  1. 无稽之谈。组合常用字段和方法基本上是您使用类的原因。如果您只需要确保遵守合同,只需使用接口即可。
  2. 好像是假的?上面的示例代码是我写到打字稿文件中的代码,它似乎工作正常。 b: B = B() 的行为符合预期:如果我访问 b.bString 没问题,如果我访问 b.cString 它会出错,如果我存储 b: A = new B(),它可以工作,但如果我访问 b.bString,它可以工作但编译错误{1}}(但在运行时 bString 实际上存在)。它的行为完全符合我的预期。

那么,这里发生了什么?我误解了“等级继承”吗?给定的文章有错吗?打字稿声称不支持它,但真的支持吗?我的编译器得到了侏儒的祝福吗?

更重要的是,我可以相信通常的“B 扩展 A,并且 C 扩展 A”会继续按预期工作吗?

1 个答案:

答案 0 :(得分:2)

是的,当然 TypeScript 支持“分层继承”,尽管我以前从未听说过这个术语(或者至少没有以对比“单一继承”的方式)。我建议不要咨询 javatpoint.com 和 w3spoint.com,而是建议使用 The TypeScript Handbookmicrosoft/TypeScript GitHub repository 作为有关 TypeScript 功能的更权威的信息来源。


如果您查看 the TypeScript Handbook section on class inheritance,您会发现以下示例代码:

class Animal {
  name: string;
  constructor(theName: string) {
    this.name = theName;
  }
  move(distanceInMeters: number = 0) {
    console.log(`${this.name} moved ${distanceInMeters}m.`);
  }
}

class Snake extends Animal {
  constructor(name: string) {
    super(name);
  }
  move(distanceInMeters = 5) {
    console.log("Slithering...");
    super.move(distanceInMeters);
  }
}

class Horse extends Animal {
  constructor(name: string) {
    super(name);
  }
  move(distanceInMeters = 45) {
    console.log("Galloping...");
    super.move(distanceInMeters);
  }
}

这清楚地表明Animal有两个子类,SnakeHorse;这是一个类的层次结构,它的行为完全符合您的预期。


我真的不能说 javatpoint.com 和/或 w3spoint.com 是否通常可靠的信息来源,这是一个不幸但罕见的准确性失误,或者它们是否完全不可靠,或者介于两者之间。从我对这些网站内容的不科学随机抽样来看,我猜作者不一定是英语母语者,即使源材料是正确的,也可能无法清晰地传达出来以供依赖。

Playground link to code