ts(typescript) 字类 继承父类 在字类构造函数为啥需要先super()调用 分析

简介: ts(typescript) 字类 继承父类 在字类构造函数为啥需要先super()调用 分析

在今天写代码的过程中,我遇到一个这样的问题,字类继承父类为啥需要在字类的构造函数中使用 super()


// 定义一个A类(父类),这里我以抽象类为例子
abstract class A {
  x: number = 0;
  y: number = 0;
  abstract readonly c: string;
}
// 定义一个B类来继承抽象类,并且实现里面的抽象属性
class B extends A {
  c: string;
  constructor() {
    super()
    this.c = 'abc'
  }
}


问题来了,constructor()里面我为啥需要使用super呢,我字类已经继承了父类,里面的成员属性和方法都继承过来了?


分析问题:

我门先看编译结果:


20210122100802192.png


补充: 父类的this的指向


父类this的指向的是调用者,那个实例调用,就指向哪一个

super() === super.call(this)


总结


搞了半天,对基础知识不牢固导致的。在此记一笔,好记性不如烂笔头

相关文章
|
2月前
|
JavaScript
​​​​Typescript 接口 和继承 数组处理
ts的基础数据类型,可用来处理一般数据,但是碰到后台传入的复杂对象数组的时候,我们可以使用ts中的接口来定义处理
40 0
|
2月前
|
存储 JavaScript 前端开发
TS中 说说数组在TypeScript中是如何工作的?
TS中 说说数组在TypeScript中是如何工作的?
|
2月前
|
JavaScript 前端开发 Java
TypeScript 类 第一章【类,继承,修饰符】
TypeScript 类 第一章【类,继承,修饰符】
45 1
|
2月前
|
JavaScript
【typeScript】搭建TS环境
【typeScript】搭建TS环境
|
9月前
|
资源调度 JavaScript 前端开发
【TypeScript】TS 看这一篇就够了
【TypeScript】TS 看这一篇就够了
249 0
|
2月前
|
JavaScript
TypeScript【类的继承、访问修饰符、readonly 修饰符、存取器、实例方法与静态方法、实例属性与静态属性、静态属性、抽象类】(三)-全面详解(学习总结---从入门到深化)
TypeScript【类的继承、访问修饰符、readonly 修饰符、存取器、实例方法与静态方法、实例属性与静态属性、静态属性、抽象类】(三)-全面详解(学习总结---从入门到深化)
28 0
|
9月前
|
JavaScript 前端开发 C++
【TypeScript】TS基础
【TypeScript】TS基础
28 0
|
9月前
|
资源调度 JavaScript 前端开发
【TypeScript】Ts基本概念
【TypeScript】Ts基本概念
53 0
|
2月前
|
JavaScript 前端开发 开发者
JavaScript(JS)和TypeScript(TS)的区别
JavaScript(JS)和TypeScript(TS)的区别
49 0
|
2月前
|
JavaScript 前端开发 Ubuntu
TypeScript笔记(1)——环境配置与第一个ts程序
TypeScript笔记(1)——环境配置与第一个ts程序
36 0