浅谈React项目中 Immutable Data(1)，前端开发平台

Immutable是什么?

---

Immutable，不可改变的，在计算机中，即指一旦创建，就不能再被更改的数据；对 Immutable对象的任何修改或添加删除操作都会返回一个新的 Immutable对象；

Immutable 实现的原理是 Persistent Data Structure（持久化数据结构）：

• 用一种数据结构来保存数据

• 当数据被修改时，会返回一个对象，但是新的对象会尽可能的利用之前的数据结构而不会对内存造成浪费

也就是使用旧数据创建新数据时，要保证旧数据同时可用且不变，同时为了避免 deepCopy把所有节点都复制一遍带来的性能损耗，Immutable 使用了 Structural Sharing（结构共享）；

如果对象树中一个节点发生变化，只修改这个节点和受它影响的父节点，其它节点则进行共享，如下图所示：

Immutable如何使用？

---

使用Immutable对象最主要的库是immutable.js；immutable.js 是一个完全独立的库，无论基于什么框架都可以用它；

其出现场景在于弥补 Javascript 没有不可变数据结构的问题，通过 structural sharing来解决的性能问题