JavaScript Class super ключевое слово

Определение и использование

super ключевое слово ссылается на родительский класс.

Он используется для вызова конструктора родительского класса и доступа к свойствам и методам родительского класса.

Совет:Чтобы лучше понять концепцию "наследование" (родительский класс и подкласс), пожалуйста, читайте нашу Учебник по JavaScript классам

экземпляр

Создайте класс с именем "Model", который будет использовать extends ключевое слово наследования методов класса "Car".

через вызов в методе конструктора super() Методы, которые мы вызовем, будут методами родительского класса, и мы сможем получить доступ к свойствам и методам родительского класса:

class Car {
  constructor(brand) {
    this.carname = brand;
  }
  present() {
    return 'I have a ' + this.carname;
  }
}
class Model extends Car {
  constructor(brand, mod) {
    super(brand);
    this.model = mod;
  }
  show() {
    return this.present() + ', it is a ' + this.model;
  }
}
mycar = new Model("Ford", "Mustang");
document.getElementById("demo").innerHTML = mycar.show();

Попробуйте сами

Грамматика

super(arguments);  // Вызов родительского конструктора (только в конструкторе)
super.parentMethod(arguments);  // Вызов родительского метода

Технические детали

Версия JavaScript: ECMAScript 2015 (ES6)

Поддержка браузеров

Ключевое слово Chrome IE Firefox Safari Opera
super 42.0 13.0 45.0 9.0 36.0

Связанные страницы

JavaScript учебник:Класс JavaScript

JavaScript учебник:JavaScript ES6 (EcmaScript 2015)

Руководство JavaScript:extends ключевой слово

Руководство JavaScript:Метод constructor()