JavaScript BlockStatement confusion

Question

{1 + ''} + 10 // 10 
{1 + ''} + '' // 0 

¿Por qué sucede esto? Do BlockStatements devuelve 0, y por qué?

Answer 1

Do BlockStatements return 0 ...?

No, blocks devuelve el valor de la última expresión dentro de ellos. Esto se puede ver con sólo hacer:

{1 + 8} 

... en la consola de JavaScript, que mostrará 9.

{1 + ''} + 10 // 10
{1 + ''} + '' // 0
¿Por qué sucede esto?

Porque aunque el bloque devuelve un valor, ese valor no se utiliza. {1 + ''} + 10 // 10 código se evalúa como dos elementos distintos:

{1 + ''} // "1" 
+10  // 10 

... o escribiendo aquellos con muesca estándar y coma:

{ 
    1 + ''; 
} 
+10; 

... y ya está viendo el resultado de la segunda, como si el primero no estuviera allí en absoluto. El + no es el operador de suma, es el unary+ (similar al unary -, pero no cambia el signo de su operando). +10 es, por supuesto, 10; y +'' es 0 porque aplicar el operador a una cadena convierte la cadena en un número, y Number('') es 0.

Puede demostrar que se está viendo la + más que el operador unario por tratar esto:

{1 + ''} * 10 

... que es realmente

{ 
    1 + ''; 
} 
*10; 

falla con un error de sintaxis porque no hay unario *.

Como Felix amablemente señala en los comentarios a continuación, para el + en su ejemplo para ser el operador de suma (que habría terminado por concatenación de cadenas, en su caso), que tendría que ser between two expressions, y una bloque es un statement, no un expression.