javascript 输出的值

Question

var a={}, b={key:'b'}, c={key:'c'}; a[b]=123; a[c]=456; console.log(a[b]);//输出是456。为什么输出的结果是456 不明白..求各位大神帮忙讲解一些..

黄舟 · Answer

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

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

phpcn_u1582 · Answer

你把对象 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;

php8，我来也