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 :


总结

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

猜你喜欢

转载自blog.csdn.net/it_varlue/article/details/120440094