ecmascript-6 - es6 map 和 immutable.js map 有什么区别吗？

Question

我是 immutable.js 的新手。 immutable.js 中的 map 和 ES6 中的 map 之间有什么区别吗？如果没有区别，为什么我们需要使用immutable.js？

不可变的.js

const { Map } = require('immutable')
const map1 = Map({ a: 1, b: 2, c: 3 })
const map2 = map1.set('b', 50)
map1.get('b') // 2
map2.get('b') // 50

ES6

var myMap = new Map();
myMap.set(NaN, 'not a number');
myMap.get(NaN); // "not a number"

Answer 1

当你在 Immutable.js 映射上运行 set 时，修改它包含的数据，它在内存中会有一个不同的地址。这意味着 map1 !== map2在您的第一个示例中，而相同的代码可能会说在使用 ES6 map 时它们是相同的。

人们真正关心具有不同数据的 map 的原因 !==是不是像 React、Flux 和 Redux 这样的工具都依赖于快速检查状态是否发生了任何变化。 ===是您可以使用的最快的检查，但它本质上是比较双方引用的内存地址。

如果您更改该对象的内容，内存地址可能仍然相同，因为 Javascript 出于性能原因使用浅拷贝。 Immutable.js 保证，嗯，不变性——一个对象不能改变。如果您更改 map ，现在它是一张新 map 。这意味着 ===比较总是正确的。

如果您没有使用这些状态管理库之一，而只是使用 Immutable.js，因为它很流行，那么您可能不必!即使您正在使用这些库，还有其他方法可以保证不变性 --- 我发现 dot-prop-immutable 以更少的开销提供我需要的功能。