目录
提示:以下是本篇文章正文内容,下面案例可供参考
一、 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 :
总结
:Immutable.js出自Facebook,是最流行的不可变数据结构的实现之一。它实现了完全的持久化数据结构,使用结构共享。所有的更新操作都会返回新的值,但是在内部结构是共享的,来减少内存占用(和垃圾回收的失效)。