Skrypt do obiektu JavaScript: czym dokładnie jest {a, b, c}?

Question

Mam pytanie najlepiej podane tytułem this jsfiddle, dla których kod jest poniżej:

var a = 1, b = 'x', c = true; 

var d = {a: a, b: b, c: c}; // <--- object literal 
var e = [a, b, c];   // <--- array 
var f = {a, b, c};   // <--- what exactly is this?? 

// these all give the same output: 
alert(d.a + ', ' + d.b + ', ' + d.c); 
alert(e[0] + ', ' + e[1] + ', ' + e[2]); 
alert(f.a + ', ' + f.b + ', ' + f.c); 

Jakie struktury danych jest f? Czy jest to skrót dla d?

Answer 1

var f = {a, b, c}; 

Przyszedł z ES6 (ECMAScript 2015) i oznacza dokładnie to samo:

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

nazywany jest literał obiektu Własności Wartość shorthands (lub po prostu wartość nieruchomości skróconą, właściwości skrócone).

Można również połączyć Shorthands z klasycznego inicjalizacji:

var f = {a: 1, b, c}; 

Więcej informacji można znaleźć Object initializer.

Answer 2

Jest to inicjator obiektów Property Shorthand w ES6.

var f = {a, b, c, d:1}; // Will be equal to {a:a, b:b, c:c, d:1} 

Działa to, ponieważ wartość właściwości ma taką samą nazwę jak identyfikator właściwości. Jest to nowe uzupełnienie składni obiektu Object Initialiser (section 11.1.5) w najnowszym ECMAScript 6 draft Rev 13. Oczywiście, podobnie jak ograniczenia ustalone w ECMAScript 3, nie można używać zastrzeżonego słowa jako nazwy właściwości.

Taki skrót nie zmieni radykalnie kodu, tylko sprawi, że wszystko będzie trochę słodsze!

function createCar(name, brand, speed) { 
    return { type: 'Car', name: name, brand: brand, speed: speed }; 
} 

// With the new shorthand form 
function createSweetCar(name, brand, speed) { 
    return { type: 'Car', name, brand, speed }; // Yes it looks sweet. 
} 

Proszę sprawdzić tabelę zgodności, aby uzyskać wsparcie dla tych notacji. W środowiskach nie wspierających te zapisy będą prowadzić do błędów składniowych.

To skrócone oferty Object Notation dopasowania całkiem ładnie:

W ECMAScript5 co zwykliśmy robić:

var tmp = getDate(); 
var op = tmp.op; 
var lhs = tmp.lhs; 
var rhs = tmp.rhs; 

można zrobić w ECMAScript6 z jednej linii kodu:

var { op, lhs, rhs } = getData(); 

Answer 3

var f = {a, b, c};   // <--- what exactly is this?? 

Definiuje obiektu w JavaScript użyciu nowego ECMAScript 2015 oznaczenia:

Per Mozilla Developer Network:

„obiekty można zainicjować za pomocą nowego obiektu(), Object.create() lub jawnego notacja (zapis inicjalizacyjny). Inicjator obiektów to lista zero lub więcej par nazw właściwości i powiązanych wartości obiektu, ujęta w nawiasy klamrowe ({})."

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

// Shorthand property names (ES6) 
var o = { a, b, c }; 

jest równoważna.

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

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