基本信息

---

下载

文档摘要

---

第

不可变数据方案之immer.js原理解析

目录前言了解immer.jsimmer.js原理总结

前言

本篇文章是JavaScript函数式编程学习系列第三篇，感兴趣也可以先去看看前两篇内容：

一文理解JavaScript中的函数式编程的概念JavaScript数据类型对函数式编程的影响

前一篇JavaScript数据类型对函数式编程的影响讲到了不可变数据的重要性，而让数据不可变的原理就是拷贝数据。

但如果拷贝的是一个树形结构，层次比较深，看是一个对象，但实际上里面有上百个对象，比如：

//某某公司组织架构

constorg={

name:某某公司,

children:[

{name:研发部,children:[{name:张三},{name:李四}]},

{name:产品部,children:[{name:王五}]}，

//省略10个部门，每个部门10个人

这个org数据中的children是Array类型的对象，children里面的部门一个是一个基本对象，然后再往下又是Array对象......，上面结构看起来还很简单，但实际上写出来的都有了9个对象，如果这个组织有一百个人，至少100多个对象，如果为了保持数据不可变，每次修改对象，都要对整个org进行拷贝的话，那么操作个几十次上百次，很容易造成性能问题，要是原始的数据意外没有销毁的话，还容易造成内存泄露（这是我曾经刚出来工作一两年干过的事情，操作一个增删改查的列表页，没操作几次，浏览器就变卡了，到后面必须得重新刷新页面