Я не понимаю, почему вывод равен 456. Я думаю, что b в [b] является свойством объекта, а c является другим свойством a. Они не связаны с var b и c вообще. Но почему a.c переопределяет a.b?
var a={},
b={key:'b'},
c={key:'c'};
a[b]=123;
a[c]=456;
console.log(a[b] === 456); //true
Это потому, что имена свойств являются строками, но ваши объекты b и c являются объектами. Поэтому они строятся:
b + ''; // "[object Object]"
c + ''; // "[object Object]"
b + '' === c + ''; // true
Так как они становятся одной и той же строкой, начальное значение переопределяется.
Вместо этого вы можете использовать ECMAScript 6 Карты, которые позволяют использовать любое значение в качестве ключей:
var a = new Map(),
b = {key: 'b'},
c = {key: 'c'};
a.set(b, 123);
a.set(c, 456);
a.get(b); // 123
Ваши ключи преобразуются в строки. Строковое представление "[object Object]". Все, что вы делаете в обоих случаях, следующее:
a["[object Object]"] = 123;
a["[object Object]"] = 456;
Доказательство:
var a={},
b={key:'b'},
c={key:'c'};
a[b]=123;
a[c]=456;
console.log(Object.keys(a));Ориал прав. JS наиболее неприятным является тип данных переменной, неясный в декларации, хотя иногда и удобен.
В этом случае даже вы попробуете [a] == 456, он показывает true.
a сначала инициализируется как одномерный массив, когда вы пытаетесь использовать его в качестве карты или значения ключа, вы можете ожидать такую ошибку.