Immutable.js

最新推荐文章于 2021-05-28 17:40:59 发布
最新推荐文章于 2021-05-28 17:40:59 发布
阅读量101 收藏
点赞数
分类专栏： 插件与包 文章标签： Immutable.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mChales_Liu/article/details/115953705
版权

Immutable Data 就是一旦创建，就不能再被更改的数据。

对 Immutable 对象的任何修改或添加删除操作都会返回一个新的 Immutable 对象。

Immutable 实现的原理是 Persistent Data Structure（持久化数据结构），也就是使用旧数据创建新数据时，要保证旧数据同时可用且不变。同时为了避免 deepCopy 把所有节点都复制一遍带来的性能损耗，Immutable 使用了Structural Sharing（结构共享），即如果对象树中一个节点发生变化，只修改这个节点和受它影响的父节点，其它节点则进行共享。

Immutable.js 英文官网

Immutable.js中文文档

 

weixin79893765432...
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
immutable-js.docset:Immutable.js文档集
05-14
Immutable.js文档集 Dash的文档集。
搞定immutable.js详细说明
11-23
什么是Immutable Data Immutable Data是指一旦被创造后，就不可以被改变的数据。 通过使用Immutable Data，可以让我们更容易的去处理缓存、回退、数据变化检测等问题，简化我们的开发。 js中的Immutable Data 在javascript中我们可以通过deep clone来模拟Immutable Data，就是每次对数据进行操作，新对数据进行deep clone出一个新数据。 deep clone /** * learning-immutable - clone-deep.js * Created by mds on 15/6/6. */ 'us
immutable.js中文文档
热门推荐
神经佳的博客
11-22 2万+
Immutable 是什么？ 关于Immutable的定义，官方文档是这样说的： Immutable data encourages pure functions (data-in, data-out) and lends itself to much simpler application development and enabling techniques from functional ...
immutable.js学习笔记（一）----- Immutable简介
保持清醒
04-24 421
一、Immutable.js 介绍 Immutable.js 官方文档 ： https://immutable-js.github.io/immutable-js/ 关于Immutable的定义，官方文档是这样说的： Immutable data cannot be changed once created, leading to much simpler application development, no defensive copying, and enabling advanced memoiz
基于 Immutable.js 实现撤销重做功能的实例代码
10-18
本文将探讨如何使用 Immutable.js 这个强大的数据不可变库来实现撤销重做功能。Immutable.js 使得状态管理更加简单，因为它确保了数据一旦创建就不会被改变，从而简化了撤销和重做的逻辑。 首先，我们需要确定哪些...
Mastering Immutable.js epub
10-16
Mastering Immutable.js 英文epub 本资源转载自网络，如有侵权，请联系上传者或csdn删除 本资源转载自网络，如有侵权，请联系上传者或csdn删除
微信小程序使用第三方库Immutable.js实例详解
10-21
在JavaScript中，使用Immutable.js可以避免原始对象和数组被意外修改的问题，提高代码的可预测性和可维护性。 微信小程序由于其特殊的运行环境，无法直接使用CommonJS或AMD模块规范来导入Immutable.js。这是因为它...
Immutable
Vicky的blog
07-04 579
Immutable API 简介 Immutable的数据类型 List: 有序索引集，类似JavaScript中的Array。 Map: 无序索引集，类似JavaScript中的Object。 OrderedMap: 有序的Map，根据数据的set()进行排序。 Set: 没有重复值的集合。 OrderedSet: 有序的Set，根据数据的add进行排序。 ...
关于Immutable.js
weixin_43801564的博客
01-10 312
前言 在javascript中，对象之间的相互赋值，一般都是对内存地址引用的赋值，也就是不同的变量名可能指向同一块内存区域。 这样的优点就是可以节省内存空间，但是一旦项目趋于复杂，给我们带来的弊端远远大于它的优点。因此，大部分情况下，我们可能会采用深拷贝或者浅拷贝的方式给一个变量赋值，然后改变其内容，但同样这样又会导致内存和性能的浪费。 Immutable.js 通过Immutable.js创建的...
js中文手册
04-08
js中文手册，新手
Immutable.js 简记
flytam的博客
12-09 494
前言：之前的项目中，在遇到redux的深层嵌套问题时，直接使用深拷贝的库对state进行深拷贝再操作并返回修改后的新的state，一直觉得很不优雅和低效。下一个项目中打算在redux中使用Immutable.js。在此对一些API进行简单记录。日后用到其它也会慢慢补充 文档地址Immutable中的一些数据结构Map 无序键值对（有点像js的Object）设置 set （对应delete、delet
Immutable 入门
ISaiSai的专栏
09-05 1291
目的： 1.提高react render效率（shouldComponentUpdate 比较 imutable的前后两个props， 减少render次数，缩短生命周期,在） 2.所有数据都是一份新的，减少出错概率 文档:http://facebook.github.io/immutable-js/ 安装 npm install immutable基本创建及读取const {Map,
【React】immutable.js 基础教程
qq_45677671的博客
05-28 420
文章目录JS中数据修改问题介绍常用APIobject转Map对象array转List对象JS转immutableimmutable转JSRedux中集成 用它的原因是为了解决问题：解决项目当中状态大规模管理的深拷贝的问题（防止对象/数组因为引用传递而在使用过程中出现的各种问题）。 JS中数据修改问题 我们先来看一段熟悉的代码： import React, { Component } from "react"; class App extends Component { state = {
Immutable-js简介
小枫哥的博客
01-29 313
本篇只是对Immutable.js的简单介绍 什么是Immutable Data？ Immutable data encourages pure functions (data-in, data-out) and lends itself to much simpler application development and enabling techniques from function...
前端追梦人Immutable.js教程
ilovethesunshine的博客
12-02 401
一. 基本概念 immutable 是 Facebook 开源的一个项目，用于实现 javascript 的不可变数据(修改对象属性会返回一个新的对象，基于结构共享，而不是对象deepClone)，解决引用带来的副作用(好多地方引用了同一个对象，某一处改变了对象的属性值导致了某些不可预测的问题发生)。 二. 常用数据类型 List: 有序索引集，类似JavaScript中的Array。 Map: 无序索引集，类似JavaScript中的Object。 OrderedMap: 有序的Map，根据数据的set
Immutable.js学习笔记
sdasadasds的博客
09-16 286
JavaScript数据修改的问题 看一段大家熟悉的代码 const state = { str: '教育', obj: { y: 1 }, arr: [1, 2, 3] } const newState = state console.log(newState === state) // true 由于js的对象和数组都是引用类型。所以newState的state实际上是指向于同一块内存地址的, 所以结果是newState和state是相等的。 尝试修改一下数据 const s
immutable.js 怎么使用
最新发布
05-28
Immutable.js是一个JavaScript库，用于创建不可变的数据结构。它提供了一组用于创建、操作和查询这些数据结构的API。以下是使用Immutable.js的一些常见步骤： 1. 安装Immutable.js 可以使用npm或yarn安装Immutable.js： ```bash npm install immutable ``` ```bash yarn add immutable ``` 2. 导入Immutable.js 在需要使用Immutable.js的文件中，导入Immutable.js的核心模块： ```js import Immutable from 'immutable'; ``` 3. 创建不可变的数据结构 使用Immutable.js的函数来创建不可变的数据结构，例如： ```js const data = Immutable.fromJS({ foo: { bar: 1 } }); ``` 这将创建一个不可变的Map对象，其中包含一个名为`foo`的键，它的值是包含一个`bar`键和值为1的对象。 4. 操作不可变的数据结构 使用Immutable.js的方法来对不可变数据结构进行操作，例如： ```js const newData = data.setIn(['foo', 'bar'], 2); ``` 这将返回一个新的Immutable对象，其中`foo.bar`的值已经被更新为2。需要注意的是，原始的数据结构并没有被修改，而是返回了一个新的对象来代表更新后的值。 5. 查询不可变的数据结构 使用Immutable.js的方法来查询不可变数据结构，例如： ```js const value = data.getIn(['foo', 'bar']); ``` 这将返回`foo.bar`的值，即1。 以上就是使用Immutable.js的基本步骤。需要注意的是，由于Immutable.js创建的数据结构是不可变的，因此在对其进行操作时需要使用Immutable.js提供的方法，而不是原生的JavaScript方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值