javascript 输出的值

Question

var a={},
b={key:'b'},
c={key:'c'};

a[b]=123;
a[c]=456;

console.log(a[b]);//输出是456。
为什么输出的结果是456 不明白..求各位大神帮忙讲解一些..

Answer 1

Javascript 中,当通过 [] 访问对象属性时, 方括号中的表达式将会被求值并被转换成一个字符串,调用它的toString方法.
所以:

var a = {};
b={key:'b'};
console.log(b.toString()); // [object Object]
a[b]=123;
console.log(typeof Object.keys(a)[0]);    // string, 属性名 b 转换成了字符串.

所以 b 和 c 均转换成相同的字符串 [object Object]. 所以再次赋值就会被覆盖.

Answer 2

a[b]=123;这一步之后你打印一下console.log(a);你就会恍然大悟

Answer 3

你把对象 b 当做 a 的属性，就会先调用对象b 的toString()方法。

var b={key:'b'};
b.toString(); // '[object Object]'

所以，

a[b] = 123;
// 即为
a['[object Object]'] = 123;
// 同理，下面一步赋值操作 c 也会先转换，然后再次更新属性 '[object Object]'对应的值
a['[object Object]'] = 456;