我是靠谱客的博主 喜悦小甜瓜,这篇文章主要介绍es6中有继承吗,现在分享给大家,希望可以做个参考。

本教程操作环境:windows10系统、ECMAScript 6.0版本、Dell G3电脑。

es6中有继承吗

ECMAScript 6 新增特性中最出色的一个就是原生支持了类继承机制。虽然类继承机制使用的是新语法,但背后依旧使用的是原型链。

ES6 类支持单继承。使用 extends 关键字,就可以继承任何拥有 [ [ constructor ] ] 和 原型的对象。很大程度上,这意味着不仅可以继承一个类,也可以继承普通的构造函数。

在ES6中,我们有了语法糖,引入了class类的概念,而在class中,有一个默认的属性方法:constructor。该方法是类的构造函数,在我们通过new创造该类的实例时,会自动调用该方法。

类和原型上定义的方法都会带到派生类。

class Vehicle {
//原型上的方法
identifyPrototype( id ){
console.log( id, this ); // this 实例
}
static identifyClass( id ){
console.log( id, this ); // this Vehicle 类
}
}
登录后复制

派生类的方法可以通过 super 关键字引用它们的原型。这个关键字只能在派生类中使用,而且仅限于类构造函数、实例方法和静态方法内部。在类构造函数中使用 super 可以调用父类构造函数。

extends关键字、super()

extends表示继承父类,super()则表示父类构造函数,写法继续上面的写:

27.png

那么这里应该很清楚了,相比起ES5中麻烦的this指向以及constructor指向的改动,这里直接使用extends和super()就能够解决

【相关推荐:javascript视频教程、web前端】

以上就是es6中有继承吗的详细内容,更多请关注靠谱客其它相关文章!

最后

以上就是喜悦小甜瓜最近收集整理的关于es6中有继承吗的全部内容,更多相关es6中有继承吗内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(145)

评论列表共有 0 条评论

立即
投稿
返回
顶部