本文详细介绍了 Immutable.js，一个用于创建不可变数据的库，其核心原理是持久化数据结构和结构共享。文章通过实例展示了Map、List和Set的创建、读取、修改、删除等操作，并解释了如何在React中使用Immutable提升应用性能。此外，还提供了Immutable.js的安装、引入和基本用法，包括List的创建、更新、删除等方法。
immutable介绍及用法
Facebook 工程师使用3年时间打造，与React同期出现，但是没有被默认放到React工具集中，它内部实现了一套完整的数据持久化 里面有很多常见的数据类型Collection List Map Set等
里面有三种重要的数据解构
Map： 键值对集合，对应于Object Es6中也有专门的Map对象
List： 有序可以重复的列表，对应于Array
set： 无序并且不可重复key的数组
immutable原理
Immutable 实现的原理是（持久化数据结构），也就是使用旧数据创建新数据时，要保证旧数据同时可用且不变。同时为了避免深拷贝把所有节点都复制一遍带来的性能损耗，Immutable 使用了（结构共享），即如果对象树中一个节点发生变化，只修改这个节点和受它影响的父节点，其它节点则进行共享。
演示地址：点击查看动画演示
immutable介绍
Immutable Data就是一但创建，就不能在被改变的数据，对于immutabe对象的任何修改或者添加删除操作都会返回一个新的immutable对象
Map： 键值对集合。
1、创建map集合:let xx=Map({key:val})
2、读取map集合:get("")
3、修改map集合:set("")
最低0.47元/天 解锁文章
扫一扫
1654
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
