JavaScript对象或类的关键字super

super关键字用于调用一个对象的父对象上的构造函数或方法。

语法

// 调用 父对象/父类 的构造函数
super([arguments]);

// 调用 父对象/父类 上的方法
super.functionOnParent([arguments]);

调用 父对象/父类 的构造函数

在构造函数中使用时,super关键字必须在使用this关键字之前使用。

class Polygon {
  constructor(height, width) {
    this.name = 'Rectangle';
    this.height = height;
    this.width = width;
  }
  sayName() {
    console.log('Hi, I am a ', this.name + '.');
  }
  get area() {
    return this.height * this.width;
  }
  set area(value) {
    this._area = value;
  }
}

class Square extends Polygon {
  constructor(length) {
    this.height; // ReferenceError,super 需要先被调用!

    // 这里,它调用父类的构造函数的,
    // 作为Polygon 的 height, width
    super(length, length);

    // 注意: 在派生的类中, 在你可以使用'this'之前, 必须先调用super()。
    // 忽略这, 这将导致引用错误。
    this.name = 'Square';
  }
}

调用 父对象/父类 的静态方法

class Rectangle {
  constructor() {}
  static logNbSides() {
    return 'I have 4 sides';
  }
}

class Square extends Rectangle {
  constructor() {}
  static logDescription() {
    return super.logNbSides() + ' which are all equal';
  }
}
Square.logDescription(); // 'I have 4 sides which are all equal'

原创文章,作者:huoxiaoqiang,如若转载,请注明出处:https://www.huoxiaoqiang.com/experience/javascripte/9600.html

(0)
上一篇 2021年11月11日 08:31
下一篇 2021年11月16日 01:27

相关推荐

  • node -v与nodejs -v的区别

    笔者在使用nodejs的时候发现有node -v和nodejs -v两个命令,经过一番测试后,基本总结如下: 如果从ubuntu系统以外的第三方源安装的nodejs,命令用node -v,例如: 如果从ubuntu系统官方的源里面安装的nodejs,命令用nodejs -v,例如:

    JavaScript经验 2020年9月12日
    01.8K0
  • npm和npx的区别

    npm的m是Management,npx的x是eXecute。 npm是包管理工具,npx是包的命令执行工具,npx是npm exec命令的别名。 如果学习过ruby的同学,npx就等同于bundle exec命令。 默认情况下,npx是自动安装的,无需额外安装。如果没安装,运行下面命令 用途一 比如,项目安装了web…

    JavaScript经验 2021年7月24日
    02740
  • JavaScript对象的可计算属性名

    ECMAScript的对象的键往往是确定的,如果想要实现对象的键根据实际情况赋予不同的键的话,那就得用 可计算属性名 这个功能,把需要计算的表达式放在方括号[]里面。 在ECMA262-5(2009)里面的做法是: 从ECMA262-6(2015)开始添加了可计算属性名这个功能,这里这样做:

    JavaScript经验 2021年11月17日
    01800

发表评论

登录后才能评论