Создайте class с именем "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("Форд", "Мустанг");
document.getElementById("demo").innerHTML
= mycar.show();
Описание
Ключевое слово extends используется для создания дочернего класса другого класса (родительского).
Дочерний класс наследует все методы другого класса.
Наследование полезно для повторного использования кода: повторно используйте свойства и методы существующего класса при создании нового класса.
Примечание. Из приведенного выше примера; Метод super() ссылается на родительский сорт. Вызвав метод super() в метод constructor, мы вызываем метод constructor родителя и получаем доступ к свойства и методы родительского элемента.
Поддержка браузера
extends — это функция ECMAScript6 (ES6).
ES6 (JavaScript 2015) поддерживается во всех современных браузерах с июня 2017 года:
| Chrome 51 | Edge 15 | Firefox 54 | Safari 10 | Opera 38 |
| May 2016 | Apr 2017 | Jun 2017 | Sep 2016 | Jun 2016 |
extends не поддерживается в Internet Explorer.
Синтаксис
class childClass extends parentClass
Технические детали
| JavaScript Версия: | ECMAScript 2015 (ES6) |
|---|
Похожие страницы
JavaScript Учебник: JavaScript Классы
JavaScript Учебник: JavaScript ES6 (EcmaScript 2015)
JavaScript Справочник: Ключевое слово super
JavaScript Справочник: Метод constructor()