class expression

Этот перевод не завершён. Пожалуйста, помогите перевести эту статью с английского

Class expression это способ определения класса в ECMAScript 2015 (ES6). Схожий с function expressions, class expressions может быть именованным либо не иметь имени. Если он именованный, то его имя доступно только внутри класса. JavaScript классы используют прототипно-ориентированние наследование.

Синтаксис

var MyClass = class [className] [extends] {
  // тело класса
};

Описание

Class expression имеет схожий сиснтаксис с class declaration (statement). Однако в class expression можно опустить имя класса ("binding identifier"), что не допустимо с class declaration. Также class expression позволяет повторно объявить уже существующий класс и это не приведёт к ошибке типа, как при использовании class declaration. Свойство конструктора является опциональным. Результатом вызова оператора typeof на классах, сгенерированных при помощи class expression, всегда будет "function".

Так же, как и при использовании class declaration, тело класса у class expression будет исполняться в строгом режиме.

'use strict';
var Foo = class {}; // свойство конструктора опционально
var Foo = class {}; // повторное объявление разрешено

typeof Foo; // возвращает "function"
typeof class {}; // возвращает "function"

Foo instanceof Object; // true
Foo instanceof Function; // true
class Foo {}; // Throws TypeError, doesn't allow re-declaration

Примеры

Простой class expression

Простой анонимный class expression, на который можно сослаться с помощью переменной "Foo".

var Foo = class {
  constructor() {}
  bar() {
    return "Hello World!";
  }
};

var instance = new Foo();
instance.bar(); // "Hello World!"
Foo.name; // "Foo"

Именованный class expression

Если вы хотите сослаться на конкретный класс внутри тела класса, вы можете создать именованный class expression. Это имя будет доступно только внутри области видимости самого class expression.

var Foo = class NamedFoo {
  constructor() {}
  whoIsThere() {
    return NamedFoo.name;
  }
}
var bar = new Foo();
bar.whoIsThere(); // "NamedFoo"
NamedFoo.name; // ReferenceError: NamedFoo is not defined
Foo.name; // "NamedFoo"

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

Спецификация Статус Комментарий
ECMAScript 2015 (6th Edition, ECMA-262)
Определение 'Class definitions' в этой спецификации.
Стандарт Первоначальное определение
ECMAScript (ECMA-262)
Определение 'Class definitions' в этой спецификации.
Живой стандарт

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

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!
Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 42.0 45 (45) ? ? ?
Feature Android Android Webview Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile Chrome for Android
Basic support Нет 42.0 45.0 (45) ? ? ? 42.0

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