JavaScript Objektliteral Notation Verwirrung

Question

In Firefox-Konsole, wird dieser Code generieren Fehler:

{"d" : ["bankaccountnumber", "$1234.56"] } 
> SyntaxError: invalid label { 
> message="invalid label", more...} 

dieser Code funktioniert gut

{d : ["bankaccountnumber", "$1234.56"] } 
> ["bankaccountnumber", "$1234.56"] 

dieser Code funktioniert auch

var a = {'d' : ["bankaccountnumber", "$1234.56"] }; 
a.d 
> ["bankaccountnumber", "$1234.56"] 

Kann jemand helfen zu erklären, warum der Unterschied ist? Vielen Dank!

Answer 1

Dies ist wegen der mehrdeutigen Syntax. Wenn Sie versuchen, ein einfaches Objektliteral in den ersten beiden Zeilen zu machen, JavaScript wirklich ist es als eine Reihe von Klammern zu interpretieren, dann ein Etikett, dann eine Aussage:

{ 
    d: ["bankaccountnumber", "$1234.56"] 
} 

Dieser Code wertet nicht auf ein Objekt , aber nur zum Array. Im ersten Beispiel haben Sie versucht, eine Zeichenfolge als Bezeichnung zu verwenden, was eine falsche Syntax ist. Das dritte Beispiel funktioniert ordnungsgemäß, indem ein Objekt erstellt und in a gespeichert wird.

Answer 2

es ist wahrscheinlich schwer zu entscheiden, ob es sich um einen Ausdruck oder einen Block handelt. Wenn Sie Klammern um das Objekt herum verwenden, funktioniert es so, wie es einen Ausdruck erzwingt. Der Gruppierungsoperator ( und ) zwingt { und }, als Objektliteral analysiert zu werden.

({"d" : ["bankaccountnumber", "$1234.56"] }) // works 

Named function expressions demystified lesen. Es bezieht sich nicht direkt auf dieses Problem, spricht es aber an, wenn es um die Verwendung von Gruppierungsklammer und eval() geht.