immutable + react

immutable

使用immutable创建的数据，一旦创建，就不能更改的数据。每当对象修改的时候，就会返回一个新的Immutable对象，以此来保证数据的不可变。

安装

npm install immutable

使用

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

包含类型：Map，List，fromJs，Seq，Range等

Map：对象

List：数组集合

fromJs：js类型，数组对象等

应用场景

1. 使js不用纠结于深拷贝，每个对象都是不同等，修改后也是新的对象

2. 不用担心修改数据后会对其他引用产生关联影响，防止未知bug出现

3. 可比较两个对象是否相等，可应用于react、redux对性能优化，搭配shouldCompontentUpdate

官方地址github：https://github.com/immutable-js/immutable-js