Меню
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON PHP КАК СДЕЛАТЬ
     ❯   

JS Справочник


JavaScript

Модификаторы: Группы: Метасимволы: Квантификаторы: Свойства: Методы:

Window


HTML DOM


HTML События


Web APIs


HTML Объекты


Другие ссылки




JavaScript Class super



Описание

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

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


Пример

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

Вызывая метод super() в методе конструктора, мы вызываем метод конструктора родителя и получает доступ к свойствам и методам родителя:

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

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


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

super() — это функция 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

super() не поддерживается в Internet Explorer.


Синтаксис

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

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

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

Похожие страницы

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

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

JavaScript Справочник: Ключевое слово extends

JavaScript Справочник: Метод constructor()



×

Связаться с отделом продаж

Если вы хотите использовать услуги schoolsw3 как образовательное учреждение, команда или предприятие, отправьте нам электронное письмо:
sales@schoolsw3.com

Сообщить об ошибке

Если вы хотите сообщить об ошибке или внести предложение, отправьте нам электронное письмо:
help@schoolsw3.com

Schoolsw3 оптимизирован для обучения и подготовки. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно проверяются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего контента.
При использовании Schoolsw3 вы соглашаетесь прочитать и принять наши условия использования,
политику использования файлов cookie и конфиденциальности.

Авторское право 1999- © Copyright. Все права защищены. Schoolsw3 работает на SW3.CSS.