JavaScript Ключевое слово extends
Пример
Создайте класс с именем "Model", который унаследует методы от класса "Car":
class Car {
constructor(brand) {
this.carname =
brand;
}
present() {
return 'У меня есть ' + this.carname;
}
}
class Model extends Car {
constructor(brand, mod) {
super(brand);
this.model = mod;
}
show() {
return this.present() + ', и ' + this.model;
}
}
mycar = new Model("Ford", "Mustang");
document.getElementById("demo").innerHTML
= mycar.show();
Определение и использование
Ключевое слово extends используется для создания дочернего класса другого класса (родительского).
Дочерний класс наследует все методы из другого класса.
Наследование полезно для повторного использования кода: повторное использование свойств и методов существующего класса при создании нового класса.
Примечание: Из приведенного выше примера; Метод super() ссылается на родительский класс. Вызывая метод super() в методе конструктора, мы вызываем родительский метод конструктора и получаем доступ к родительским свойствам и методам.
Поддержка браузера
| Ключевое слово | |||||
|---|---|---|---|---|---|
| extends | 49.0 | 13.0 | 45.0 | 9.0 | 36.0 |
Синтаксис
class childClass extends parentClass
Технические детали
| Версия JavaScript: | ECMAScript 2015 (ES6) |
|---|
Связанные страницы
Учебник JavaScript: JavaScript Классы
Учебник JavaScript: JavaScript ES6 (EcmaScript 2015)
JavaScript справочник: Ключевое слово super
JavaScript справочник: Метод constructor()
