es6关键字super指的是什么

这篇文章主要介绍“es6关键字super指的是什么”，在日常操作中，相信很多人在es6关键字super指的是什么问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”es6关键字super指的是什么”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

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)

上述代码中，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指的是什么”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注亿速云网站，小编会继续努力为大家带来更多实用的文章！