JS Object的键值若为对象，会怎样？

前言

JavaScript 的对象（Object），本质上是键值对的集合（Hash 结构），但是传统上只能用字符串当作键。这给它的使用带来了很大的限制。
但是我们偶尔见到键值为对象的，那么会输出怎样的结果呢？

正文

下面代码会输出什么？

const a = {};
const b = { key: "b" };
const c = { key: "c" };
a[b] = 123;
a[c] = 456;
console.log(a[b]);

输出456，为什么呢？可以在控制台打印a，看看结果是什么。

上面代码原意是将一个 对象b和一个 对象c分别作为对象a的键，但是由于对象只接受字符串作为键名，所以b和c都被自动转为字符串[object Object]。由于键值一样，故输出最后覆盖结果456。

为了解决这个问题，ES6 提供了 Map 数据结构。它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。也就是说，Object 结构提供了“字符串—值”的对应，Map 结构提供了“值—值”的对应，是一种更完善的 Hash 结构实现。如果你需要“键值对”的数据结构，Map 比 Object 更合适。