immutable不可变对象

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

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

  1. Map:键值对集合,对应Object ES6中也有专门的Map对象
  2. List:有序可以重复的列表,对应于Array
  3. Set:无序并且不可重复key的数组

immutable原理

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

immutable在react中使用

浅谈react中的immutable
编写自组件来展示数据
浅谈react中的immutable
使用immutable改造
浅谈react中的immutable
浅谈react中的immutable

相关文章:

  • 2018-12-11
  • 2018-07-18
  • 2022-12-23
  • 2021-10-06
  • 2021-07-10
猜你喜欢
  • 2022-12-23
  • 2021-07-30
  • 2021-07-06
  • 2022-12-23
  • 2021-06-02
  • 2022-12-23
相关资源
相似解决方案