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

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

extends Ключевые слова используются для создания дочернего класса (родительского) другого класса.

Дочерний класс наследует все методы другого класса.

Наследование полезно для повторного использования кода: при создании нового класса можно использовать свойства и методы существующего класса.

Примечание:Из примера выше можно видеть,super() Методы, которые используют родительский класс. Через вызов в методе конструктора super() Методы, которые мы будем вызывать метод родительского класса, и мы сможем обращаться к свойствам и методам родительского класса.

Экземпляр

Создайте класс "Model", который будет наследовать методы класса "Car":

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();

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

Грамматика

class childClass extends parentClass

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

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

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

Ключевые слова Chrome IE Firefox Safari Opera
extends 49.0 13.0 45.0 9.0 36.0

См. также

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

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

Руководство JavaScript:Ключевое слово super

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