es6关键字super指的是什么

这篇文章主要介绍“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是什么意思

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)

es6关键字super指的是什么

上述代码中,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调用

es6关键字super指的是什么

上面代码中,p是父类A实例的属性,super.p 就引用不到它

到此,关于“es6关键字super指的是什么”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!


名称栏目:es6关键字super指的是什么
本文路径:http://ybzwz.com/article/pieoec.html