浅谈react中的immutable

Z时代
2024-01-10
分类：综合

react

immutable不可变对象

介绍一下基本概念：

facebook工程师历时三年时间打造，与react同期出现，但是没有被默认放到React工具集中，它内部实现了一套完整的数据持久化，里面有很多常见的数据类型 Collection List Map Set等。

里面有三种重要的数据解构:

Map:键值对集合，对应Object ES6中也有专门的Map对象

List:有序可以重复的列表,对应于Array

Set:无序并且不可重复key的数组

immutable原理

immutable实现的原理是(持久化数据结构),也就是使用旧数据创建新数据时，要保证旧数据同时可用且不变。同时为了避免深拷贝把所有的节点都复制一遍带来的性能损耗，immutable使用了结构共享，即如果对象树中一个节点发生变化，只修改这个节点和受它影响的父节点，其他节点则进行共享，如下图所示：