十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
这篇文章主要介绍“es6关键字super指的是什么”,在日常操作中,相信很多人在es6关键字super指的是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”es6关键字super指的是什么”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
创新互联公司专注为客户提供全方位的互联网综合服务,包含不限于网站设计制作、成都网站设计、栖霞网络推广、微信小程序开发、栖霞网络营销、栖霞企业策划、栖霞品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联公司为所有大学生创业者提供栖霞建站搭建服务,24小时服务热线:13518219792,官方网址:www.cdcxhl.com
es6中关键字super的意思:1、作为函数时,代表父类的构造函数,语法为“constructor(){super();}”;2、作为对象时,代表指向父类的原型对象,语法为“console.log(super.name())”。
本教程操作环境:windows10系统、ECMAScript 6.0版、Dell G3电脑。
ES6重新实现了类的继承,而在继承的过程中,super关键字实现了至关重要的作用,可以说理解不了super关键字,也就掌握不了类的继承,今天我们就一起来盘盘super这个关键字
首先抛出一个概念: super这个关键字,既可以当作函数使用,又可以当作对象使用
第一种情况:super作为函数时,代表父类的构造函数
ES6要求,子类的构造函数,必须执行一次super
函数
class A {}class B extends A { constructor() { super();//子类的构造函数,必须执行一次super函数,代表父类的构造函数 }}
注意:虽然super代表父类的构造函数,但此时返回的时B的实例,即super内部的this指的是B的实例,因此super()
相当于 A.prototype.constructor.call(this)
上述代码中,new.target
指向当前正在执行的函数,super()执行的时候,它指向的是子类B的构造函数,而不是父类A的构造函数,也就是说,super()内部的this指向B
第二种情况:super作为对象时,在普通方法中,指向父类的原型对象,在静态方法中,指向父类
class A { p() { return 2; }}class B extends A { constructor() { super();//父类的构造函数 console.log(super.p()); // 2 }}let b = new B();
上面代码中,super
作为函数时,代表父类的构造方法,作为对象时,指向父类的原型对象,即A.prototype
,所以super.p()
相当于A.prototype.p()
这里还需要注意,由于 super指向父类的原型,所以在父类实例上的属性或者方法,并不能通过super调用
上面代码中,p是父类A实例的属性,super.p
就引用不到它
到此,关于“es6关键字super指的是什么”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!