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

JS Справочник


JavaScript

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

Window


HTML DOM


HTML События


Web APIs


HTML Объекты


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




JavaScript Class constructor



Пример

Создайте class Car, а затем создайте объект с именем "mycar" на основе класса Car:

class Car {
  constructor(brand) {  // Конструктор
    this.carname = brand;
  }
}
mycar = new Car("Форд");

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

Больше примеров "Попробуйте сами" ниже.


Описание

Метод constructor() — это специальный метод для создания и инициализации объектов, созданных внутри class.

Метод constructor() вызывается автоматически при инициализации class, и фактически он должен иметь точное имя "constructor", если вы этого не сделали. если у вас есть метод constructor, JavaScript добавит невидимый и пустой метод constructor.

Примечание. Класс не может иметь более одного метода constructor(). Это вызовет SintaxError.

Вы можете использовать метод super() для вызова constructor родительского class (см. "Больше примеров" ниже).


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

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

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


Синтаксис

constructor(parameters)

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

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

Больше примеров

Чтобы создать наследование класса, используйте ключевое слово 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("Форд", "Мустанг");
document.getElementById("demo").innerHTML = mycar.show();

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

Метод super() ссылается на родительский класс.

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


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

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

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

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

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



×

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

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

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

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

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

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