Why does `{} + []` return a different result from `a = {} + []` in Javascript?

Question

In (at least) Firefox Web Console and JSBin, I get

> {} + []
0
> a = {} + []
\"[object Object]\"

Node.js returns \"[object Obje

Answer 1

When using an operator against objects the javascript interpreter should cast the values to primitive using the valueOf method which in fact use the internal ToPrimitive function relaying type casting to object's internal [[DefaultValue]] method.

Your example with the plus operator is a bit tricky because the operator can acts both as math addition or string concatenation. In this case it concatenates string representations of the objects.

What is really happening behind the scene is:

a = {}.valueOf().toString() + [].valueOf().toString();

Since the array is empty the toString method returns an empty string, that's why the correct result should be [object Object] which is the return value from object.valueOf()toString().

Answer 2

On the browser console, when it isn't preceded by a = (or some other code that changes its context), {} is treated as a block, not an object literal.

Since the block is empty it does nothing, leaving + [].

The unary plus operator converts the array to a number, which is 0.