ES6 class的继承概念

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

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

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

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

相关推荐
摸鱼的老谭3 分钟前
构建Agent该选Python还是Java ?
java·python·agent
lang2015092817 分钟前
Spring Boot 官方文档精解:构建与依赖管理
java·spring boot·后端
昔人'18 分钟前
css使用 :where() 来简化大型 CSS 选择器列表
前端·css
昔人'20 分钟前
css `dorp-shadow`
前端·css
夫唯不争,故无尤也25 分钟前
Tomcat 启动后只显示 index.jsp,没有进入你的 Servlet 逻辑
java·servlet·tomcat
流***陌28 分钟前
扭蛋机 Roll 福利房小程序前端功能设计:融合趣味互动与福利适配
前端·小程序
zz-zjx32 分钟前
Tomcat核心组件全解析
java·tomcat
Deschen35 分钟前
设计模式-外观模式
java·设计模式·外观模式
烛阴1 小时前
用 Python 揭秘 IP 地址背后的地理位置和信息
前端·python
前端开发爱好者1 小时前
尤雨溪官宣:"新玩具" 比 Prettier 快 45 倍!
前端·javascript·vue.js