不可变数据

Time: 2019-08-18

不可变数据

使用不可变数据的好处

• 性能优化
• 易于调试和跟踪
• 易于推测

React只需要判断指向store的引用是否已经发生变化就可以决定是否触发更新UI。

如何操作不可变数据

• 原生写法：

{...}
Object.assign()

屏幕快照 2019-08-18 下午12.42.23.png

原生语法是性能比较高的语法。

• immutability-helper

屏幕快照 2019-08-18 下午12.43.50.png

• immer

提供了比较让人惊艳的语法，像是操作可变数据一样的操作不可变数据。

屏幕快照 2019-08-18 下午12.45.23.png

但是性能会受到一定的影响。

END.