Why is a function name required here?

Question

I've been testing this in the browser console of FireFox, not sure if other javascript environments have this:

◄ {x:function(){console.log("test");}}["x"]();
► SyntaxError: function statement requires a name

Why? This works though:

◄ ({x:function(){console.log("test");}})["x"]();
► undefined
► "test"

(In case anyone is wondering: I really hate the switch,case,break syntax. I'd rather use this construction.)

Answer 1

The brackets in the first one is resulting in a block statement.

The first one looks like this when the semicolons are injected

{
    x : function() { 
        console.log("test");
    }
};
["x"]();