• 技术文章 >web前端 >前端问答

    es6中有继承吗

    长期闲置长期闲置2022-05-26 14:29:32原创228

    es6中有继承。es6中使用extends关键字就可以继承任何拥有constructor和原型的对象,不仅可以继承一个类,也可以继承普通的构造函数;constructor是类的构造函数,在通过new创造类的实例时会自动调用该方法。

    本教程操作环境: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中有继承吗的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:ES6
    上一篇:jquery怎么设置元素的位置 下一篇:jquery怎么删除除表头外的其他行
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• es6三种导入方法是什么• ES6里两个数组怎么求和• es6数组怎么删除第一个元素• ES6数组去重的5种方法是什么• es6怎么删除数组中的元素
    1/1

    PHP中文网