Пожалуйста, просмотрите таблицу поддержки этих нотаций. В неподдерживаемом окружении, эти нотации приведут к синтаксической ошибке.

// Сокращение имён свойств (ES2015)var a = "foo",  b = 42,  c = {};var o = { a, b, c };// Сокращение имён методов (ES2015)var o = {  property([parameters]) {},};// Вычисление имён свойств (ES2015)var prop = "foo";var o = {  [prop]: "hey",  ["b" + "ar"]: "there",};

Инициализатор объекта это выражение, которое описывает инициализациюObject. Объекты состоят изсвойств, которые используются для описания объекта. Значения свойств объектов могут содержать какпримитивные типы данных, так и другие объекты.

Пустой объект без свойств может быть создан следующим образом:

var object = {};

Однако, преимуществолитеральной илиинициирующей нотации это возможность быстро создавать объекты со свойствами внутри фигурных скобок. Создаётся простой список парключ: значение, разделённых запятой. Следующий код создаёт объект с тремя парами значений и ключи это"foo","age" и"baz". Значения этих ключей строка"bar", число42 и другой объект.

var object = {  foo: "bar",  age: 42,  baz: { myProp: 12 },};

После того, как создали объект, вы, вероятно, захотите прочитать или изменить его. Свойства объектов могут быть получены при помощи точечной нотации или квадратных скобок. Смотритеproperty accessors для детальной информации.

object.foo; // "bar"object["age"]; // 42object.foo = "baz";

Мы уже рассмотрели, как объявить свойства, используя синтаксис инициализации. Зачастую, в коде появляются свойства, которые вы захотите поместить в объект. Вы увидите следующий код:

var a = "foo",  b = 42,  c = {};var o = {  a: a,  b: b,  c: c,};

С ECMAScript 2015 появилась короткая нотация, способная достичь того же:

var a = "foo",  b = 42,  c = {};// Сокращение имён свойств (ES2015)var o = { a, b, c };// Иначе говоря,console.log(o.a === { a }.a); // true

Повторение имён свойств

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

var a = { x: 1, x: 2 };console.log(a); // {x: 2}

В строгом режиме ECMAScript 5, повторение имён свойств будет воспринято какSyntaxError. С введением вычисляемых имён свойств и появлением возможности создавать дубликаты во время выполнения кода, ECMAScript 2015 убрал это ограничение.

function haveES2015DuplicatePropertySemantics() {  "use strict";  try {    ({ prop: 1, prop: 2 });    // Не будет ошибки, повторение имён доступно в строгом режиме    return true;  } catch (e) {    // Будет ошибка, дубликаты запрещены в строгом режиме    return false;  }}

Свойство объекта также может ссылаться наfunction,getter илиsetter.

var o = {  property: function ([parameters]) {},  get property() {},  set property(value) {},};

В ECMAScript 2015, доступна короткая нотация, поэтому слово "function" более не обязательно.

// Сокращение имён методов (ES2015)var o = {  property([parameters]) {},  *generator() {},};

В ECMAScript 2015 есть способ кратко объявить свойства, чьими значениями являются генераторы функций:

var o = {  *generator() {    ...........  }};

Что эквивалентно следующей ES5-подобной нотации (но отметьте, что ECMAScript 5 не содержит генераторов):

var o = {  generator: function* () {    ...........  }};

Для большей информации и примеров смотриmethod definitions.

Начиная с ECMAScript 2015, синтаксис объявления объектов также поддерживает вычисляемые имена свойств. Это позволяет добавлять в скобки[] выражение, которое будет вычислено, как имя свойства. Это похоже на скобочную нотацию синтаксисаproperty accessor, которую вы, вероятно, уже использовали, чтобы прочитать и задать свойство. Теперь можно использовать аналогичный способ с литеральными объектами:

// Вычисляемое имя свойства (ES2015)var i = 0;var a = {  ["foo" + ++i]: i,  ["foo" + ++i]: i,  ["foo" + ++i]: i,};console.log(a.foo1); // 1console.log(a.foo2); // 2console.log(a.foo3); // 3var param = "size";var config = {  [param]: 12,  ["mobile" + param.charAt(0).toUpperCase() + param.slice(1)]: 4,};console.log(config); // {size: 12, mobileSize: 4}

Rest/Spread свойство ECMAScript предлагает (stage 3) добавлятьspread свойства в литеральную нотацию. Оно копирует собственные перечисляемые свойства из представленного объекта в новый.

Поверхностное копирование (исключая prototype) или слияние объектов теперь возможно с помощью более короткого синтаксиса, чемObject.assign().

var obj1 = { foo: "bar", x: 42 };var obj2 = { foo: "baz", y: 13 };var clonedObj = { ...obj1 };// Объект { foo: "bar", x: 42 }var mergedObj = { ...obj1, ...obj2 };// Объект { foo: "baz", x: 42, y: 13 }

Заметьте, чтоObject.assign() вызываетsetters, тогда как оператор spread нет.

Объявление свойства в виде__proto__: value или"__proto__": value не создаст свойства с именем__proto__. Вместо этого, если предоставляемое значение объект илиnull, оно заменит[[Prototype]] создаваемого объекта на это значение. (Если значение не объект или null, объект не изменится.)

var obj1 = {};assert(Object.getPrototypeOf(obj1) === Object.prototype);var obj2 = { __proto__: null };assert(Object.getPrototypeOf(obj2) === null);var protoObj = {};var obj3 = { __proto__: protoObj };assert(Object.getPrototypeOf(obj3) === protoObj);var obj4 = { __proto__: "not an object or null" };assert(Object.getPrototypeOf(obj4) === Object.prototype);assert(!obj4.hasOwnProperty("__proto__"));

Только одно изменение prototype разрешено через литеральное объявление объекта: несколько изменений prototype вызовут синтаксическую ошибку.

Объявление свойства не через "двоеточие" не изменит значения prototype: это описание будет выглядеть идентично такому же объявлению свойства с использованием любого другого имени.

var __proto__ = "variable";var obj1 = { __proto__ };assert(Object.getPrototypeOf(obj1) === Object.prototype);assert(obj1.hasOwnProperty("__proto__"));assert(obj1.__proto__ === "variable");var obj2 = {  __proto__() {    return "hello";  },};assert(obj2.__proto__() === "hello");var obj3 = { ["__prot" + "o__"]: 17 };assert(obj3.__proto__ === 17);

Литеральная нотация не то же самое, что иJavaScriptObjectNotation (JSON). Хотя они и выглядят аналогично, существует разница между ними:

• JSON позволяет объявление свойствтолько с помощью синтаксиса"property": value. Имя свойства должно быть заключено в двойные кавычки и объявление не может быть сокращено.
• В JSON значения могут быть только строками, числами, массивами,true,false,null или другими (JSON) объектами.
• Значения-функции (смотри "Методы" выше) не могут быть присвоены свойствам в JSON.
• Объект видаDate будет строкой послеJSON.parse().
• JSON.parse() отклонит вычисляемые имена свойств и вернёт ошибку.

• Property accessors
• get /set
• Method definitions
• Lexical grammar