8

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

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

Node.js returns "[object Object]" in both cases. Which behavior is correct according to the spec? If the first, why?

Alexey Romanov
  • 167,066
  • 35
  • 309
  • 487
  • Where is the comparison happening? – Alexey Romanov Aug 29 '13 at 11:59
  • 1
    Sorry, I was too fast. – bfavaretto Aug 29 '13 at 12:01
  • Wat? https://www.destroyallsoftware.com/talks/wat – Colonel Panic Aug 29 '13 at 12:05
  • In the spirit of my previous (deleted) comment, and as an aside to Quentin's answer: in the assignment version, both objects are converted to strings when you try to add them, according to http://www.ecma-international.org/ecma-262/5.1/#sec-11.6.1. Thus `"[object Object]"`. – bfavaretto Aug 29 '13 at 12:09
  • possible duplicate of [What is the explanation for these bizarre JavaScript behaviours mentioned in the 'Wat' talk for CodeMash 2012?](http://stackoverflow.com/questions/9032856/what-is-the-explanation-for-these-bizarre-javascript-behaviours-mentioned-in-the) or [Why is `{a:1, b:2}` a syntax error while `{a:1}` is not](http://stackoverflow.com/questions/3731802/what-is-the-behavior-of-typing-a1-giving-1-and-a1-b2-giving-an-error-in?lq=1) – Bergi Aug 29 '13 at 12:17

2 Answers2

15

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.

Quentin
  • 914,110
  • 126
  • 1,211
  • 1,335
  • 1
    Indeed, try `( {} + [] )`. I didn't know that I could use `{}` without `if/else/do/while/function/etc`. – biziclop Aug 29 '13 at 12:00
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().

user2585506
  • 71
  • 2