Perché {} + [] restituisce 0 in Javascript?

Question

Eventuali duplicati:
What is the explanation for these bizarre JavaScript behaviours mentioned in the 'Wat' talk for CodeMash 2012?

So che quando [] è costretto ad una stringa restituisce la stringa vuota (""), e quando {} è costretto ad una stringa restituisce "[object Object]" .

Quando eseguo [] + {} nella console JavaScript del mio browser, restituisce come mi sarei aspettato:

>> [] + {} 
"[object Object]" 

Ma quando ho eseguito {} + [], restituisce un valore del tutto inaspettato:

>> {} + [] 
0 

Cosa poteva far sì che restituisca 0?

Answer 1

Quando c'è un { all'inizio di una dichiarazione, sarà interpretato come un blocco, che può contenere zero o più istruzioni un blocco wi. non ci sono dichiarazioni in esso avrà un valore di continuazione vuoto.

In altre parole, in questo caso, {} viene interpretato come un blocco di codice vuoto.

L'istruzione termina dopo la parentesi finale }, il che significa che i tre caratteri successivi +[] comprendono una dichiarazione a parte.

All'inizio di un'espressione o di una frase, + è l'operatore unario più, che costringe il suo operando a un numero.

Quindi +[] è lo stesso di Number([]), che corrisponde a 0.

In breve, {} + [] è un blocco di codice vuoto seguito da un array forzato a un numero.

---

Detto questo, se si valuta {} + []all'interno di un'espressione, verrà restituito ciò che ci si aspetta:

>> ({} + []) 
"[object Object]" 

Un'altra cosa interessante è che non si può iniziare una dichiarazione con un oggetto letterale perché l'interprete proverà ad analizzarlo come una dichiarazione.In questo modo

{ "object": "literal" }; 

genererà un errore di sintassi.

Answer 2

Poiché lo {} viene considerato come un blocco. Così la vostra affermazione è in realtà:

{ 

//empty block here 
} 

+[] //0 same as Number([]) 

Questo è il motivo per cui questo è javascript valida:

eval('{hello: "world", key: "value"}') //Syntax error 

È possibile aggiungere() per renderlo un'espressione (blocchi non possono essere utilizzati in un'espressione così sarà inizializzazione degli oggetti:

eval('({hello: "world", key: "value"})') //Object 

Answer 3

Il blocco vuoto viene forzato in uno zero. Quindi l'operatore + decide di forzare lo [] a un numero.