ES6 class的继承概念

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

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

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

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

相关推荐
计算机毕设指导61 分钟前
基于微信小程序的校园二手交易系统【源码文末联系】
java·spring boot·spring·微信小程序·小程序·tomcat·maven
BD_Marathon2 分钟前
设计模式——迪米特法则
java·设计模式·迪米特法则
为什么不问问神奇的海螺呢丶2 分钟前
n9e categraf k8s监控配置 -kube-state-metrics
java·容器·kubernetes
时艰.2 分钟前
Java 线程池 — ThreadPoolExecutor
java·开发语言·python
Jiaberrr3 分钟前
小程序setData性能优化指南:避开坑点,让页面丝滑如飞
前端·javascript·vue.js·性能优化·小程序
m0_694845573 分钟前
HandBrake 是什么?视频转码工具使用与服务器部署教程
服务器·前端·pdf·开源·github·音视频
Coder_Boy_3 分钟前
企业级项目高并发监控场景-Spring Boot 集成 Graphite & InfluxDB 实战文档
java·spring boot·后端·系统架构
方安乐4 分钟前
react笔记之tanstack
前端·笔记·react.js
lang201509288 分钟前
Java EE并发工具:JSR 236详解
java·java-ee
学嵌入式的小杨同学9 小时前
从零打造 Linux 终端 MP3 播放器!用 C 语言实现音乐自由
linux·c语言·开发语言·前端·vscode·ci/cd·vim