位置: 编程技术 - 正文

Immutable 在 JavaScript 中的应用

编辑:rootadmin

推荐整理分享Immutable 在 JavaScript 中的应用,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

Mutable 对象在 JavaScript 中,对象是引用类型的数据,其优点在于频繁的修改对象时都是在原对象的基础上修改,并不需要重新创建,这样可以有效的利用内存,不会造成内存空间的浪费,对象的这种特性可以称之为 Mutable,中文的字面意思是「可变」。对于 Mutable 的对象,其灵活多变的优点有时可能会成为其缺点,越是灵活多变的数据越是不好控制,对于一个复杂结构的对象来说,一不小心就在某个不经意间修改了数据,假如该对象又在多个作用域中用到,此时很难预见到数据是否改变以及何时改变的。

针对这种问题,常规的解决办法可以通过将对象进行深拷贝的形式复制出一个新的对象,再在新对象上做修改的操作,这样能确保数据的可控性,但是频繁的复制会造成内存空间的大量浪费。

Immutable 对象为了能更好的解决上述的问题,出现了 Immutable 对象,Immutable 从字面上翻译成中文是「不可变」。每次修改一个 Immutable 对象时都会创建一个新的不可变的对象,在新对象上操作并不会影响到原对象的数据。这种特殊的对象并不是 JavaScript 新出的功能特性,而是业界为了解决这种问题提供的一套解决方案,并且涌现出了一些优秀的开源类库,其中最有名的就是 Facebook 的 Lee Byron 开源的 immutable.js。当然,Immutable 的这种解决方案并不是独创的,而是来源于 Clojure 和 Scala。Mutable 和 Immutable 的性能对比对于 Mutable 的对象的低效率操作主要体现在复制和比较上,而 Immutable 对象就是解决了这两大低效的痛点。普通的 Mutable 对象的深拷贝操作会将一整份数据都复制一遍,而 Immutable 对象在修改数据时并不会复制一整份数据,而是将变化的节点与未变化的节点的父子关系转移到一个新节点上,类似于链表的结构。从 “复制” 的角度来看,做到了最小化的复制,未变化的部分都是共享的,Mutable 在复制的时候是 “全量”,而 Immutable 复制的是 “增量”,对于内存空间的使用率的比较高低立判。并且基于每次修改一个 Immutable 对象都会创建一个新的 Immutable 对象的这种特性可以将数据的修改状态保存成一组快照,这也是挺方便的。再来说说比较操作。对于 Mutable 的对象,如果要比较两个对象是否相等,必须遍历对象的每个节点进行比较,对于结构复杂的对象来说,其效率肯定高不到哪去。对于 Immutable 对象,immutable.js 提供了直接判断两个 Immutable 对象的「值」是否相等的 API。

在实际的开发应用中,性能并不总是最关键和重要的,对于普通的 JavaScript 的项目来说,由于 Immutable 的特性带来的数据的可控性比起性能来说更有优势,对于 Mutable 对象适合在封闭的作用域小范围使用,而 Immutable 对象适合数据需要跨多个作用域传递时使用。

Immutable 在 JavaScript 中的应用

Mutable 和 Immutable 在使用上的区别

immutable.js 提供了多种 Immutable 的数据结构:包含了 List Stack Map OrderedMap Set OrderedSet Record,这些数据结构与原生的 Mutable 的数据结构大致对应。各数据结构的用法这里不细说,主要说说 Immutable 对象与 Mutable 对象在使用上的区别吧。原生的 Mutable 对象在「读」和「写」上非常方便。

而 Immutable 对象需要通过 set 和 get 来对数据进行「读」和「写」。

上面的例子为了说明 set 方法的使用才在一开始创建了一个空对象,实际上可以在实例化的时候传初始值。

对于层级比较深的数据,immutable.js 提供的访问接口很方便。

如果是原生的 Mutable 对象,在链式访问一个深层级的数据时可能会报对象 undefined 的错误,而 Immutable 对象在碰到这种情况时不会报错,返回的是 undefined。在调试的时候,如果想查看一个 Immutable 对象的内部结构,建议使用 toJSON() 先转换为普通的 Mutable 对象。

搞定immutable.js详细说明 什么是ImmutableDataImmutableData是指一旦被创造后,就不可以被改变的数据。通过使用ImmutableData,可以让我们更容易的去处理缓存、回退、数据变化检测等

JS基于clipBoard.js插件实现剪切、复制、粘贴 摘要:最近做了一个项目,其中有这样一需求:实现一个点击按钮复制链接的功能,通过网上找相关资料,找到了几个插件,ZeroClipboard是通过flash实现

深入浅析Bootstrap列表组组件 Bootstrap,来自Twitter,是目前最受欢迎的前端框架。Bootstrap是基于HTML、CSS、JAVASCRIPT的,它简洁灵活,使得Web开发更加快捷。列表组是灵活又强大的组件,

标签: Immutable 在 JavaScript 中的应用

本文链接地址:https://www.jiuchutong.com/biancheng/369933.html 转载请保留说明!

上一篇:基于javascript数组实现图片轮播(基于javascript数独游戏论文参考文献)

下一篇:搞定immutable.js详细说明

  • 产品含税价格加10个点不含税扣掉8个点合理吗
  • 接受捐赠的增值税处理
  • 医疗单位门诊收费票据是发票吗
  • 分公司企业所得税分配比例
  • 报废车辆残值收入交多少增值税
  • 增值税税控设备服务费
  • 企业所得税营业税金及附加
  • 福利费不需要发票记账吗
  • 租赁合同印花税计税依据
  • 主营业务税金及附加包括印花税吗
  • 甲公司采用租赁方式租入一台大型设备
  • 自用房屋的房产税怎么缴纳
  • 速达财务软件使用说明
  • 固定资产清理账户结构
  • 代收代缴水电费能开发票吗
  • 残疾人名下有房产可以申请残疾人补贴吗?
  • 发票金额大于实际支付金额如何报账
  • 固定资产转入清理记账凭证
  • 怎么让别人无法访问我的qq空间
  • msdn原版win7
  • 异地工程预缴增值税怎么计算
  • 电脑出现一堆英文无法开机
  • 出卖固定资产企业处罚
  • 代扣代缴的增值税算进项税吗
  • PHP:session_register_shutdown()的用法_Session函数
  • 长期待摊费用如何结转
  • win7无法打开打印机
  • PHP:zip_entry_name()的用法_Zip函数
  • 增值税按简易计价方式
  • 奥林匹克森林公园奥海
  • 银行手续费未开发票
  • 投资收益影响营业利润和利润总额吗
  • vuex的五个属性及使用方法 简书
  • vue fragment标签
  • 主动学习(Active Learning,AL)的理解以及代码流程讲解
  • php实现定时自动刷新
  • php字符串处理函数有哪些
  • 已认证的发票
  • 预扣预缴申报未缴税款
  • 织梦cms怎么样
  • Postgresql ALTER语句常用操作小结
  • 怎么编制资金平衡表格
  • 发票说明格式
  • 哪些费用进项税额要转出
  • 财务软件属于什么设备
  • 卖出看跌期权的最大损失
  • 公司账务不正规,账务外包的,财务助理有风险吗
  • 哪些发票不可以报销入账
  • 小规模增值税申报未开票收入怎么填
  • 工地上购买的零食叫什么
  • 小规模纳税人购买税控设备
  • 车辆违章有几种处理方法
  • 其他应收款贷方余额怎么调整
  • 小规模纳税人季报网上申报流程
  • 公司食堂招待客户,客户付了钱怎么入账
  • 什么是固定资产?其特征有哪些
  • 固定资产帐怎么做
  • 零售商品购进的核算需要设置什么科目
  • sql server 错误
  • mysql学习资料
  • win10预览版21277下载
  • fat32转换为ntfs分区命令
  • 微软新品发布
  • Windows Server 2008网络中禁止迅雷下载
  • centos双网卡配置超详细
  • vsftp查看状态
  • macbook怎样充电
  • windows8启动管理器
  • win8怎么打开蓝牙设置
  • win10系统打开cad出现致命错误
  • python与c
  • js 浮点数运算
  • Android Studio Attach source code
  • android入门视频教程
  • unity手柄圆盘
  • unity如何成一组
  • js删除li
  • JavaScript中的数据类型
  • jquery ajax局部加载方法详解(实现代码)
  • 你需要了解什么 英语
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设