ImmutableJS Map（）和fromJS（）有什么区别？

Question

var a = {address: {postcode: 5085}}

var b = Immutable.fromJS(a)
var c = b.setIn(['address', 'suburb'], 'broadview').toJS(); // no error
console.log(c); 

var d = Immutable.Map(a);
var e = d.setIn(['address', 'suburb'], 'broadview').toJS(); // error invalid keyPath(…)

有人可以解释这个区别。

谢谢，

Answer 1

在这个例子中，

var a = {address: {postcode: 5085}}
var d = Immutable.Map(a);

这里， d.get('address')是不可变的 。 它的值不能改变为任何其他对象。 我们只能使用Immutable.Map.set()函数从现有对象创建一个新Object。

但是， d.get('address')引用的对象，即{postcode:5085}是一个标准的JavaScript对象。 这是可变的 。 像这样的声明可以改变postcode的价值：

d.get('address').postcode=6000;

如果再次检查d的值，则可以看到他的值已更改。

console.log(JSON.stringify(d));   //Outputs {"address":{"postcode":6000}}

这违反了不变性原则。

原因是像List和Map这样的ImmutableJS数据结构只赋予List / Map的level-1成员不变性特征。

因此， 如果对象内部有数组或数组内的对象，并且希望它们也是不可变的，那么您的选择是Immutable.fromJS 。

var a = {address: {postcode: 5085}}
var b = Immutable.fromJS(a);
b.get('address').postcode=6000;
console.log(JSON.stringify(b));   //Outputs {"address":{"postcode":5085}}

从上面的例子中你可以清楚地知道fromJS如何使嵌套成员不可变。

我希望你理解Map和fromJS之间的区别。 一切顺利=）

Answer 2

fromJS做了很深的转换。 也就是说，它将通过所有键递归并将所有元素转换为列表，地图等。

在第二个示例中， address是一个普通对象，而不是ImmutableJS对象，因此您不能使用setIn来更改其值。