Warum funktioniert obj = {x, y} in Chrome?

Es ist Teil des ECMAScript 2015 (oder ECMAScript 6). Sie können neue Eigenschaften in Objects in Object-Literalen erstellen, indem Sie einfach die Bezeichner angeben.

Zitieren MDNs Objektinitialisierer-Eigenschaftsdefinitionen ,

  

Mit ECMAScript 6 steht eine kürzere Notation zur Verfügung, um dasselbe zu erreichen:

%Vor%

Der entsprechende Abschnitt in der ECMAScript 6-Spezifikation lautet hier .

  

AssignmentProperty : BezeichnerReferenz Initialisierer _opt

     

1. Sei P StringValue von BezeichnerReferenz .
  
2. Sei lref ResolveBinding ( P ).
  
3. ReturnIfAbrupt ( P ).
  
4. Sei v GetV ( Wert , P ).
  
5. ReturnIfAbrupt ( v ).
  
6. Wenn Initialisierer _opt vorhanden ist und v undefiniert ist, dann      
   1. Lassen Sie defaultValue das Ergebnis der Evaluierung von Initialisierer sein.
     
   2. Sei v GetValue ( defaultValue ).
     
   3. ReturnIfAbrupt ( v ).
     
   4. Wenn IsAnonymousFunctionDefinition ( Initialisierer ) true ist, dann      
      1. Lassen Sie hasennameProperty HasOwnProperty ( v , "name") sein.
        
      2. ReturnIfAbrupt ( hasNameProperty ).
        
      3. Wenn hasNameProperty false ist, führen Sie SetFunctionName ( v , P ).
      aus   
     
  
7. Gib PutValue ( lref , v ) zurück.
  

Grundsätzlich besagt die Spezifikation, dass, wenn Sie nur einen Bezeichner verwenden, eine neue Eigenschaft mit dem Namen des Bezeichners erstellt wird und der Wert der tatsächliche Wert dieses Bezeichners ist. Es kann sogar ein Name der Funktion sein.

ES2015 verfügt über erweiterte Objektliteralnotation. Chrome 43ish unterstützt dies (teilweise).

Babel hat eine gute Erklärung.