react中的immutable 以及用法

目录

一、 immutable 是什么？

二、使用步骤

1.引入库

2.读入数据

总结

---

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、 immutable 是什么？

Immutable.js出自Facebook，是最流行的不可变数据结构的实现之一。它实现了完全的持久化数据结构，使用结构共享。所有的更新操作都会返回新的值，但是在内部结构是共享的，来减少内存占用(和垃圾回收的失效)。

持久化数据结构：这里说的持久化是用来描述一种数据结构，指一个数据，在被修改时，仍然能够保持修改前的状态，即不可变类型。

结构共享：Immutable使用先进的tries(字典树)技术实现结构共享来解决性能问题，当我们对一个Immutable对象进行操作的时候，ImmutableJS会只clone该节点以及它的祖先节点，其他保持不变，这样可以共享相同的部分，大大提高性能。

惰性操作：创建的对象时其实代码块没有被执行，只是被声明了，代码在获取或修改的时候才会实际被执行

二、使用步骤

1.引入库

代码如下（示例）：

npm i -S immutable   

2.读入数据

代码如下（示例）：

import { Map, List, fromJS, is } from 'immutable'

该处使用的url网络请求的数据。

---

优缺点 :

  优点 :

降低mutable带来的复杂度

节省内存

历史追溯性

拥抱函数式编程

缺点 : 

需要重新学习api

资源包大小增加（源码5000行左右）

容易与原生对象混淆：由于api与原生不同，混用的话容易出错

第3方组件库不支持，使用时，还需要转换

---

常用的API :

1. 

---

 

总结

:Immutable.js出自Facebook，是最流行的不可变数据结构的实现之一。它实现了完全的持久化数据结构，使用结构共享。所有的更新操作都会返回新的值，但是在内部结构是共享的，来减少内存占用(和垃圾回收的失效)。