gpt4 book ai didi

typescript 分层继承

转载 作者:行者123 更新时间:2023-12-04 14:08:56 27 4
gpt4 key购买 nike

考虑以下几点:

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. 这是胡说八道。组合公共(public)字段和方法基本上是您使用类的原因。如果您只需要确保遵守契约(Contract),只需使用接口(interface)即可。
  2. 这似乎是假的?上面的示例代码是我写入 typescript 文件的代码,它似乎工作正常。 b: B = B() 的行为符合预期:如果我访问 b.bString 没问题,如果我访问 b.cString 它会出错,如果我存储 b: A = new B(),它可以工作,但如果我访问 b.bString(但在运行时 bString实际上是存在的)。它的行为完全符合我的预期。

那么,这里发生了什么?我误解了“层次继承”吗?给定的文章是错误的吗? typescript 声称不支持它,但真的支持吗?我的编译器是否受到了 gnome 的祝福?

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

最佳答案

是的,当然 TypeScript 支持“分层继承”,尽管我以前从未听说过这个术语(或者至少没有以对比“单一继承”的方式听说过)。我建议使用 The TypeScript Handbook,而不是咨询 javatpoint.com 和 w3spoint.com。和 microsoft/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 是否通常是可靠的信息来源,这是一个不幸但罕见的准确性失误,或者它们是否完全不可靠,或者介于两者之间。根据我对这些网站内容的不科学随机抽样,我猜想作者不一定是英语母语者,即使源 Material 是正确的,也可能传达得不够清晰,无法信赖。

Playground link to code

关于 typescript 分层继承,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66111768/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com