ES6 class的继承概念

首先,我们需要清楚的是:Class 可以通过 extends 关键字实现继承,让子类继承父类的属性和方法。extends 的写法比 ES5 的原型链继承,要清晰和方便很多。

下面,我们在ColorPoint内部加上代码

ES6 规定,子类必须在 constructor() 方法中调用 super(),否则就会报错,这是因为子类自己的 this 对象,必须先通过父类的构造函数完成塑造,得到与父类同样的实例属性和方法,然后再对其进行加工,添加子类自己的实例属性和方法。如果不调用 super() 方法,子类就得不到自己的 this 对象。

另一个需要注意的地方是,在子类的构造函数中,只有调用 super() 之后,才可以使用 this 关键字,否则会报错。这是因为子类实例的构建,必须先完成父类的继承,只有 super() 方法才能让子类实例继承父类。

相关推荐
桜吹雪19 分钟前
markstream-vue实战踩坑笔记
前端
亲爱的非洲野猪36 分钟前
Java锁机制八股文
java·开发语言
C_心欲无痕38 分钟前
nginx - 实现域名跳转的几种方式
运维·前端·nginx
rgeshfgreh39 分钟前
C++字符串处理:STL string终极指南
java·jvm·算法
花哥码天下41 分钟前
恢复网站console.log的脚本
前端·javascript·vue.js
LawrenceLan42 分钟前
Flutter 零基础入门(十二):枚举(enum)与状态管理的第一步
开发语言·前端·flutter·dart
Zoey的笔记本1 小时前
「支持ISO27001的GTD协作平台」数据生命周期管理方案与加密通信协议
java·前端·数据库
lpfasd1231 小时前
Spring Boot 4.0.1 时变更清单
java·spring boot·后端
N***H4861 小时前
SpringBoot3.3.0集成Knife4j4.5.0实战
java
C_心欲无痕2 小时前
Docker 本地部署 CSR 前端项目完整指南
前端·docker·容器