谈谈你对immutable.js的理解

最新推荐文章于 2024-09-03 17:00:36 发布
最新推荐文章于 2024-09-03 17:00:36 发布
阅读量78 收藏
点赞数
文章标签： react.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_68009075/article/details/129004734
版权
immutable.js是一个JavaScript库，它提供不可变的数据集合。这种集合一旦创建，就不能再被修改。其核心原理基于持久化数据结构，确保修改操作返回新对象的同时，最大限度地复用原有数据，减少内存开销。通过StructuralSharing，仅对变更的部分进行复制，保持大部分数据的共享，提高性能。
摘要由CSDN通过智能技术生成

谈谈你对immutable.js的理解？

immutable不可改变的，在计算机中，即指一旦创建，就不能再被更改的数据
对immutable对象的任何修改或添加删除操作都会返回一个新的immutable对象

immutable实现原理是Persistent Data Structure （持久化数据结构）:用一种数据结构来保存数据 当数据被修改时，会返回一个对象，但是新的对象会尽可能的利用之前的数据结构而不会对内存造成浪费，也就是使用旧数据创建新数据时，要保证旧数据同时可用并且不变，同时为了避免deepCopy把所有节点都复制一遍带来的性能损耗，immutable使用 Structural Sharing（数据共享）
如果对象树中一个及诶大那发生变化，只修改这个节点和受它影响的父节点，其他节点则进行共享

XXXX_康康吖
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
2023年最新前端各系列面试题及答案
07-18 774
我们的目标是做最全最好最有质量前端面试仓库，用心收录大厂面试题，高频面试题，知识点面试题，用心做好每一道题值得参考的题解
从 Redux 源码谈谈函数式编程
youdaotech的博客
04-13 1230
在 React 的世界中，状态管理方案不下几百种，但其中最经典的，莫过于 Redux 。如果你想学习函数式编程，那么 Redux源码就是最好的学习材料。考虑到不少小伙伴用的是 Vue ，本人争取让这篇文章写得通俗易懂，让没有接触过 React 技术栈的同学也能掌握Redux 。
Immutable.js 原理与源码解析
purpose的博客
04-15 2730
Immutable.js 原理与源码解析前言参考资料 本文主要对于 Immtable.js 的一些基本原理并以其中的 Map 数据结构为例，结合代码对具体的实现进行分析。 实际上，各色博客、专栏中关于 Immutable.js 的各种相关资料已经介绍的相当详尽了，本文不过是拾人牙慧而已。 前言 “不可变（Immutable）数据”是什么？ 不可变数据是指一旦创建就不可再被修改的数据。看到这一定义，...
immutable.js 意义何在，使用场景？
Cool的博客
12-14 4990
最近项目中频繁用到所以回答一下。首先，它虽然和React同期出现且跟React配合很爽，但它可不是React工具集里的（它的光芒被掩盖了），它是一个完全独立的库，无论基于什么框架都可以用它。意义在于它弥补了Javascript没有不可变数据结构的问题。不可变数据结构是函数式编程中必备的。前端工程师被OOP洗脑太久了，组件根本上就是函数用法，FP的特点更适用于前端开发。 Javascript...
谈谈你对immutable.js的理解？
tang18533952786的博客
02-14 126
Immutable.js是由 Facebook 工程师（ Lee Byron） 花费 3 年时间打造，与 React 同期出现，虽然没有被默认放到 React工具集里，但是它的价值还是非常大的。它内部实现了一套完整的持久化数据结构（ Persistent Data Structure ），还有很多易用的数据类型（像 List、Map）。有非常全面的函数式操作方法（ 像map、get、getIn、set、setIn、merge）。同时 API 也尽量与原生Js的 Object 和 Array 类似。
JS面试题（一）
qq_45921597的博客
09-19 289
例如上面的num变量，可以看做将num的内存复制给形参num，这时候值为10的内存有两块，函数内部操作的是形参的内存，与函数外的内存无关。首先实参本身就是一个保存内存地址的变量（注意并不是直接的内存而是内存所在的地址），然后形参将这个指向内存的地址拷贝下来给形参，此时内存只有一块，只是有两个引用指向它。对象可以通过自身的 __proto__ 属性与它的构造函数的原型对象连接起来，而因为它的原型对象也有 __proto__，因此这样就串联形成一个链式结构，也就是我们称为的原型链。
react的理解
Sink
12-02 1428
前端面试题
前端2020面试题195道
热门推荐
weijieyuhyt的博客
01-13 1万+
HTML5面试题 一、 Doctype的作用? 严格模式和混杂模式的区分，以及如何触发这2种模式? <!DOCTYPE> 声明位于文档中的最前面，处于 标签之前。告知浏览器的解析器，用什么文档类型 规范来解析这个文档。 DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。 严格模式就是浏览器根据web标准去解析页面，是一种要求严格的DTD，不允许使用任何表现层的语法， 混杂模式...
Immutable.js学习笔记
sdasadasds的博客
09-16 295
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
JiaPeng366的博客
05-31 1320
最近在学习Immutable.js，正好遇见公司的每周技术分享会，把自己的一些总结和学到的记录下来，分享给大家。 Immutable.js 简介 Immutable.js是由 Facebook 工程师（ Lee Byron） 花费 3 年时间打造，与 React 同期出现，虽然没有被默认放到 React工具集里，但是它的价值还是非常大的。它内部实现了一套完整的持久化数据结构（ Persistent Data Structure ），还有很多易用的数据类型（像 List、Map）。有非常全面的函数式操作方法（
说说你对immutable的理解？如何应用在react项目中？
weixin_66501371的博客
12-29 101
immutate的理解
Immutable.js 以及在 react+redux 项目中的实践
weixin_33728268的博客
06-22 681
作者介绍：邹弓一，美团点评前端工程师，5年 Web 前端开发经验，现在是美团点评点餐团队的一员。 前言   本文主要介绍facebook推出的一个类库immutable.js，以及如何将immutable.js集成到我们团队现有的react+redux架构的移动端项目中。 本文较长（5000字左右），建议阅读时间： 20 min 通过阅读本文，你可以学习到： 什么是immutable.js,...
深入探究Immutable.js的实现机制（一）
weixin_33725807的博客
09-14 343
本文是我正在更新的深入探究immutable.js系列的第一篇。深入探究Immutable.js的实现机制（一） 本篇深入探究Immutable.js的实现机制（二）Immutable.js 由 Facebook 花费 3 年时间打造，为前端开发提供了很多便利，如今 React+Redux+Immutable.js 的组合已经成为许多项目的标配。我们知道 Immutable.js 采用了持久化数据...
WHAT - React 函数与 useMemo vs useCallback
weixin_58540586的博客
09-03 422
目录介绍`useMemo` 与 `useCallback` 的区别示例代码`useMemo` 示例`useCallback` 示例总结 介绍 在 React 中，useMemo 和 useCallback 是两个用于性能优化的钩子，尽管它们有些相似，但各自有不同的用途和应用场景。理解它们的区别和适用情况可以帮助你更有效地管理组件的性能和状态。 useMemo 与 useCallback 的区别 useMemo: 目的: 用于记忆化（缓存）计算结果。它接受一个计算函数和依赖项数组，只有当依赖项发生变化时
WHAT - 通过 react-use 源码学习 React（Animations 篇）
weixin_58540586的博客
08-30 1004
Github 地址react-use 是一个流行的 React 自定义 Hook 库，提供了一组常用的 Hook，以帮助开发者在 React 应用程序中更方便地处理常见的任务和功能。官方将react-use的 Hook 分成了以下几个主要类别，以便更好地组织和查找常用的功能。每个类别涵盖了不同类型的 Hook，满足各种开发需求。
React 组件间共享数据
HHX_01的博客
09-03 717
在 React 中，组件间的数据共享和状态管理是开发中的重要任务。通过状态提升，我们可以确保多个组件共享同一份状态，从而使它们的一致性得以保持。当应用变得更加复杂时，可以使用 React Context API 或第三方库来处理状态管理。掌握这些概念和工具，可以帮助你更好地管理应用的状态和数据流，提高代码的可维护性和扩展性。希望这篇文章能帮助你更好地理解 React 中的组件间共享数据。如果你有任何问题或建议，请在评论区留言。
《React Hooks：让你的组件更灵活》
Envyᥫᩣ的博客
08-29 999
Hooks 是 React 16.8 新增的功能，它允许你在不编写 class 的情况下使用 state 以及其他 React 特性。Hooks 的出现是为了让函数组件变得更加强大，同时也保持代码的简洁性和可读性。
在react中要将页面跳转有动画
最新发布
Mr_wuying的博客
09-03 130
react-transition-group 包住路由然后给样式 就可以达到页面跳转的时候样式动画。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值