Por que {} + [] devolve 0 em Javascript? [duplicado]
possível duplicado:
Qual é a explicação para esses comportamentos bizarros de JavaScript mencionados na palestra " Wat " para CodeMash 2012?
sei que quando [] é coagido a uma cadeia devolve a cadeia vazia (""), e quando {} é coagido a uma cadeia devolve "[object Object]".
quando corro [] + {} na consola Javascript do meu navegador, ele retorna como eu esperaria:
>> [] + {}
"[object Object]"
Mas quando corro {} + [], devolve um valor completamente inesperado:
>> {} + []
0
3 answers
Quando existe um { no início de uma declaração, será interpretado como um bloco, que pode conter zero ou mais declarações. Um bloco sem declarações nele terá um valor de continuação vazio.
Em outras palavras, neste caso, {} é interpretado como um bloco de código vazio.
A declaração termina após a cinta final }, o que significa que os próximos três caracteres +[] compreendem uma declaração própria.
No início de um expressão ou declaração, + é o unário mais operador, que coage o seu operando a um número.
Assim +[] é o mesmo que Number([]), que avalia a 0.
Em resumo, {} + [] é um bloco de código vazio seguido de uma matriz coagida a um número.
[13]tudo isso dito, se você avaliar
{} + [] dentro de uma expressão , ela irá devolver o que você espera:
>> ({} + [])
"[object Object]"
{ "object": "literal" };
Irá lançar um erro de sintaxe.
Porque o {} é tratado como um bloco. Assim, a sua declaração é realmente:
{
//empty block here
}
+[] //0 same as Number([])
É por isso que este javascript é inválido:
eval('{hello: "world", key: "value"}') //Syntax error
Você pode adicionar () para torná-lo uma expressão (os blocos não podem ser usados numa expressão, por isso será o inicializador de objectos:
eval('({hello: "world", key: "value"})') //Object
[] para um número.