[ Web Proxy ]
URL:
Viewing: https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Operators/Object_initializer [Back]  [Original]

- JavaScript | MDN

This page was translated from English by the community. Learn more and join the MDN Web Docs community.

View in English Always switch to English

Baseline Widely available

This feature is well established and works across many devices and browser versions. Its been available across browsers since 2015 ..

new Object(), Object.create() () . , ({}).

In this article

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

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

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

ECMAScript 2015

, . , .

js
//    (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. , . , .

:

js
var object = {};

, . : , . "foo", "age" "baz". "bar", 42 .

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

, , , , . . property accessors .

js
object.foo; // "bar"
object["age"]; // 42

object.foo = "baz";

, , . , , . :

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

var o = {
  a: a,
  b: b,
  c: c,
};

ECMAScript 2015 , :

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

//    (ES2015)
var o = { a, b, c };

//  ,
console.log(o.a === { a }.a); // true

, .

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

ECMAScript 5, SyntaxError. , ECMAScript 2015 .

js
function haveES2015DuplicatePropertySemantics() {
  "use strict";
  try {
    ({ prop: 1, prop: 2 });

    //   ,      
    return true;
  } catch (e) {
    //  ,     
    return false;
  }
}

function, getter setter.

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

ECMAScript 2015, , "function" .

js
//    (ES2015)
var o = {
  property([parameters]) {},
  *generator() {},
};

ECMAScript 2015 , :

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

ES5- ( , ECMAScript 5 ):

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

method definitions.

ECMAScript 2015, . [] , , . property accessor, , , , . :

js
//    (ES2015)
var i = 0;
var a = {
  ["foo" + ++i]: i,
  ["foo" + ++i]: i,
  ["foo" + ++i]: i,
};

console.log(a.foo1); // 1
console.log(a.foo2); // 2
console.log(a.foo3); // 3

var param = "size";
var config = {
  [param]: 12,
  ["mobile" + param.charAt(0).toUpperCase() + param.slice(1)]: 4,
};

console.log(config); // {size: 12, mobileSize: 4}

Spread-

Rest/Spread ECMAScript (stage 3) spread . .

( prototype) , Object.assign().

js
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 .

Prototype

__proto__: value "__proto__": value __proto__. , null, [[Prototype]] . ( null, .)

js
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: .

js
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);

vs JSON

, JavaScript Object Notation (JSON). , :

Specification
ECMAScript 2027 LanguageSpecification
# sec-object-initializer


Web Proxy Viewer  |  New URL  |  Original Page