--- title: super slug: Web/JavaScript/Reference/Operators/super tags: - ECMAScript 2015 - JavaScript - Классы translation_of: Web/JavaScript/Reference/Operators/super ---
{{jsSidebar("Operators")}}

Ключевое слово super используется для вызова функций, принадлежащих родителю объекта.

Выражения: super.prop и super[expr] - действительны в любом методе определения в обоих классах и в литералах объекта.

Синтаксис

super([arguments]); // вызов родительского конструктора.
super.functionOnParent([arguments]);

Описание

В конструкторе ключевое слово super() используется как функция, вызывающая родительский конструктор. Её необходимо вызвать до первого обращения к ключевому слову this в теле конструктора. Ключевое слово super также может быть использовано для вызова функций родительского объекта.

Пример

Использование super в классах

Этот фрагмент кода взят из classes sample (live demo). В этом примере super() вызывается , чтобы предотвратить использования одинакового для классов Rectangle and Square определения тела конструктора.

class Polygon {
  constructor(height, width) {
    this.name = 'Polygon';
    this.height = height;
    this.width = width;
  }
  sayName() {
    console.log('Hi, I am a ', this.name + '.');
  }
}

class Square extends Polygon {
  constructor(length) {
    this.height; // ReferenceError, super должен быть вызван первым!

    // Здесь, вызывается метод конструктора родительского класса с длинами,
    // указанными для ширины и высоты класса Polygon
    super(length, length);

    // Примечание: в производных классах, super() необходимо вызывать прежде чем
    // использовать 'this'. Если этого не сделать будет сообщение об ошибке ссылки.
    this.name = 'Square';
  }

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

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

Супер-вызовы статических методов

Вы так же можете вызывать super на статических методах.

class Rectangle {
  constructor() {}
  static logNbSides() {
    return 'У меня 4 стороны,';
  }
}

class Square extends Rectangle {
  constructor() {}
  static logDescription() {
    return super.logNbSides() + ' которые все равны';
  }
}
Square.logDescription(); // 'У меня 4 стороны, которые все равны'

Удаление свойств super вызывает ошибку

Вы не можете использовать delete operator и super.prop или super[expr] при удалении родительского класса он выдаст:{{jsxref("ReferenceError")}}.

class Base {
  constructor() {}
  foo() {}
}
class Derived extends Base {
  constructor() {}
  delete() {
    delete super.foo; // это плохо
  }
}

new Derived().delete(); // ReferenceError: invalid delete involving 'super'.

super.prop не может переопределять свойства, защищённые от записи

При определении незаписываемых свойств с помощью, например, {{jsxref("Object.defineProperty")}}, super не может перезаписать значение свойства.

class X {
  constructor() {
    Object.defineProperty(this, 'prop', {
      configurable: true,
      writable: false,
      value: 1
    });
  }
}

class Y extends X {
  constructor() {
    super();
  }
  foo() {
    super.prop = 2;   // Не возможно перезаписать значение.
  }
}

var y = new Y();
y.foo(); // TypeError: "prop" доступен только для чтения
console.log(y.prop); // 1

Использование super.prop в объектных литералах

Super также можно использовать в объекте инициализатора / литерала. В этом примере, два объекта определяют метод. Во втором объекте, super вызывает первый метод объекта. Это работает с помощью {{jsxref("Object.setPrototypeOf()")}}, с которой мы можем установить прототип для obj2 в obj1, так что super может найти method1 в obj1.

var obj1 = {
  method1() {
    console.log("method 1");
  }
}

var obj2 = {
  method2() {
   super.method1();
  }
}

Object.setPrototypeOf(obj2, obj1);
obj2.method2(); // logs "method 1"

Характеристики

Характеристики Статус Комментарий
{{SpecName('ES6', '#sec-super-keyword', 'super')}} {{Spec2('ES6')}} Initial definition.
{{SpecName('ESDraft', '#sec-super-keyword', 'super')}} {{Spec2('ESDraft')}}

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

{{Compat("javascript.operators.super")}}

Gecko specific notes

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