immutable vs mutable: 浅谈Redux与Mobx的根本区别

Redux vs Mobx系列（一）：immutable vs mutable

在前端开发中，状态管理是一个至关重要的环节。Redux 和 Mobx 是两个广受欢迎的前端状态管理库，它们都采用了不同的数据管理方式：Redux 采用 immutable 数据结构，而 Mobx 则采用 mutable 数据结构。

immutable 与 mutable

immutable，即不可变数据结构，是指一旦创建后，其值就不能被改变的数据结构。常见的 immutable 数据结构包括字符串、数字和布尔值等基本类型，以及数组、对象和映射等复杂类型。当对 immutable 数据结构进行修改时，不会改变原有数据，而是会创建一个新的数据结构。

mutable，即可变数据结构，是指可以随时改变其值的数据结构。常见的 mutable 数据结构包括数组和对象等。当对 mutable 数据结构进行修改时，原有数据也会随之改变。

Redux

Redux 是一个基于 immutable 数据结构的状态管理库。Redux 的核心思想是将应用程序的状态存储在一个单一的、不可变的状态树中。当应用程序发生状态变化时，Redux 会创建一个新的状态树，而原有状态树仍然保持不变。这种设计使得 Redux 非常容易实现时间旅行（time-travel）和状态快照（state snapshot）等高级功能。

Mobx

Mobx 是一个基于 mutable 数据结构的状态管理库。Mobx 的核心思想是将应用程序的状态存储在一个单一的、可变的状态对象中。当应用程序发生状态变化时，Mobx 会自动更新所有依赖于该状态的对象。这种设计使得 Mobx 非常容易实现响应式编程（reactive programming），从而简化了视图和状态之间的同步工作。

immutable vs mutable：优缺点对比

特性	immutable	mutable
数据结构	不可变	可变
修改方式	创建新的数据结构	直接修改原有数据
时间复杂度	O(1)	O(n)
内存占用	较大	较小
性能	较快	较慢
并发性	高	低
可靠性	高	低
可测试性	高	低
可维护性	高	低

结语

immutable 和 mutable 是两种截然不同的数据管理方式，它们对前端框架的设计和使用产生了深远的影响。Redux 和 Mobx 这两个流行的前端状态管理库分别采用了 immutable 和 mutable 数据结构，它们各有优缺点，适合不同的开发场景。在选择状态管理库时，开发人员需要根据具体项目的需求和特点进行权衡取舍。