问题背景
在 JavaScript 中，Map 对象是一种非常常用的数据结构，用于存储键值对。通常使用 Map 对象时会涉及到键的比较，这是因为 Map 对象中的键是唯一的。
let map = new Map();
let key1 = { name: 'John' };
map.set(key1, 1);
let key2 = { name: 'John' };
map.set(key2, 2);
console.log(map.get(key1)); // 1
console.log(map.get(key2)); // 2在上面的例子中，我们使用对象作为 Map 对象的键，尽管 key1 和 key2 的值相同，但它们会被视为两个不同的键。
然而，在早期的 ECMAScript 规范中，Map 对象对数值的比较存在一个 bug，当键是数值类型时，比较会失效。导致以下代码输出 undefined：
let map = new Map(); map.set(NaN, 1); console.log(map.get(NaN)); // undefined
这个 bug 在 JavaScript 社区中已经知晓，并且在 ES12 中修复了。
ES12 中的更改
在 ES12 中，比较 Map 对象中数值类型的键的方法更改了。ES12 之前，Map 对象中的数值类型的键无法被正确比较。这是因为数字有不确定性，例如 NaN != NaN，而且正零和负零也有不同的比较结果。为了解决这个问题，ES12 确认了一个无符号的比较规则，其实现取决于您所比较的类型。以下是一些示例：
const map = new Map(); map.set(NaN, "not a number"); map.set(-0, "minus zero"); map.set(0, "plus zero"); console.log(map.get(NaN)); // "not a number" console.log(map.get(-0)); // "minus zero" console.log(map.get(0)); // "plus zero"
如何使用新特性
为了使用 ES12 中修复的 Map 对象中数值比较 bug，需要使用最新的 JavaScript 运行时环境。例如，在 Node.js 中可以使用以下命令启用 ES12：
node --harmony-weak-refs myscript.js
在浏览器环境中，只需使用接近或相同版本的 Chrome 或 Firefox，以保证最新的 ES12 特性被支持。
您也可以使用 Babel，它可以将 ES12 代码转换为向后兼容的代码，以便您不必担心浏览器支持问题。以下是如何使用 Babel 转换代码：
npm install --save-dev @babel/core @babel/cli npm install --save @babel/preset-env
添加 .babelrc 文件并将 preset-env 添加到其中：
{
"presets": ["@babel/preset-env"]
}使用以下命令转换文件：
npx babel your-file.js --out-file your-file-transpiled.js
这将使用 Babel 根据您的目标浏览器列表，将您的 JavaScript 文件转换为向后兼容的代码。
总结
ES12 修复了 Map 对象中数值比较的 bug，在处理 JavaScript 中的数据结构时，这是一个非常重要的改进。为了使用该特性，需要确保在可用的 JavaScript 环境中启用了 ES12。同时，Babel 可以帮助您将您的 ES12 代码转换为向后兼容的代码。
希望这篇文章对您了解如何使用 ES12 中 Map 对象的新特性有所指导。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e3deaef6b2d6eab3f49595