课程表

TypeScript课程

工具箱
速查手册

TypeScript 继承

当前位置:免费教程 » JS/JS库/框架 » TypeScript

最后,我们可以继承一个已存在的类并创建一个派生类,继承使用关键字 extends。

接下来我们在 class.ts 文件末尾添加以下代码,如下所示:

  1. class Shape3D extends Shape {
  2. volume: number;
  3. constructor ( public name: string, width: number, height: number, length: number ) {
  4. super( name, width, height );
  5. this.volume = length * this.area;
  6. };
  7. shoutout() {
  8. return "I'm " + this.name + " with a volume of " + this.volume + " cm cube.";
  9. }
  10. superShout() {
  11. return super.shoutout();
  12. }
  13. }
  14. var cube = new Shape3D("cube", 30, 30, 30);
  15. console.log( cube.shoutout() );
  16. console.log( cube.superShout() );

派生类 Shape3D 说明:

  • Shape3D 继承了 Shape 类, 也继承了 Shape 类的 color 属性。
  • 构造函数中,super 方法调用了基类 Shape 的构造函数 Shape,传递了参数 name, width, 和 height 值。 继承允许我们复用 Shape 类的代码,所以我们可以通过继承 area 属性来计算 this.volume。
  • Shape3D 的 shoutout() 方法重写基类的实现。superShout() 方法通过使用 super 关键字直接返回了基类的 shoutout() 方法。 其他的代码我们可以通过自己的需求来完成自己想要的功能。
转载本站内容时,请务必注明来自W3xue,违者必究。
 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号