В процессе перевода.

Это экспериментальная технология, часть предложения Harmony (ECMAScript 6).
Поскольку спецификация этой технологии ещё не стабилизировалась, проверьте таблицу совместимости её использования в различных браузерах. Также обратите внимание, что синтаксис и поведение экспериментальной технологии могут быть изменены в будущих версиях браузеров в соответствии с изменениями в спецификации.

constructor - специальный метод, служащий для создания и инициализации объектов, созданных с использованием class.

Синтаксис

constructor([arguments]) { ... }

Описание

Им может быть только один специальный метод, с названием "constructor", находящийся в классе. Если класс содержит более одного конструктора, будет возбуждено исключение SyntaxError.

В конструкторе может быть использовано ключевое слово super, чтобы вызвать конструктор родительского класса.

Если метод constructor не будет задан вами, то будет использован метод constructor,который заложен в js по умолчанию.

Примеры

Использование метода constructor

Данный фрагмент кода взят из classes sample (live demo).

class Square extends Polygon {
  constructor(length) {
    // Здесь вызывается конструктор родительского класса с length
    // предоставляя многоугольнику ширину и высоту
    super(length, length);
    // Заметка: В производном классе, super() должен вызываться перед тем
    // как вы сможете использовать 'this'. Иначе будет возбуждено исключение reference error.
    this.name = 'Square';
  }

  get area() {
    return this.height * this.width;
  }

  set area(value) {
    this.area = value;
  } 
}

Другой пример

Посмотрите на этот отрывок кода.

class Polygon {
  constructor() {
    this.name = "Polygon";
  }
}

class Square extends Polygon {
  constructor() {
    super();
  }
}

class Rectangle {}

Object.setPrototypeOf(Square.prototype, Rectangle.prototype);

console.log(Object.getPrototypeOf(Square.prototype) === Polygon.prototype); //false
console.log(Object.getPrototypeOf(Square.prototype) === Rectangle.prototype); //true

let newInstance = new Square();
console.log(newInstance.name); //Polygon

Здесь прототип Square класса изменен, но в то же время constructor предыдущего базового класса Polygon вызывается при создании нового экземпляра Square.

Constructors по умолчанию.

Если вы не обозначите метод constructor, будет использован constructor по умолчанию. Для базовых классов, constructor по умолчанию:

constructor() {}

Для производных классов, constructor по умолчанию:

constructor(...args) {
  super(...args);
}

Спецификация

Specification Status Comment
ECMAScript 2015 (6th Edition, ECMA-262)
Определение 'Constructor Method' в этой спецификации.
Стандарт Initial definition.
ECMAScript Latest Draft (ECMA-262)
Определение 'Constructor Method' в этой спецификации.
Живой стандарт  

Совместимость с браузерами

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
Basic support 42.0 (Да) 45 (45) ? ? ?
Default constructors ? ? 45 (45) ? ? ?
Feature Android Android Webview Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile Chrome for Android
Basic support Нет 42.0 (Да) 45.0 (45) ? ? ? 42.0
Default constructors ? ? ? 45.0 (45) ? ? ? ?

Смотрите также

Метки документа и участники

 Внесли вклад в эту страницу: Paul_Yuhnovich, Bobsans, galynag, dood
 Обновлялась последний раз: Paul_Yuhnovich,