av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

不可變數(shù)據(jù)方案之immer.js原理解析

瀏覽:11日期:2022-06-01 14:57:21
目錄
  • 前言
  • 了解 immer.js
  • immer.js 原理
  • 總結(jié)

前言

本篇文章是JavaScript 函數(shù)式編程 學(xué)習(xí)系列第三篇,感興趣也可以先去看看前兩篇內(nèi)容:

  • 一文理解JavaScript中的函數(shù)式編程的概念
  • JavaScript數(shù)據(jù)類型對(duì)函數(shù)式編程的影響

前一篇 JavaScript數(shù)據(jù)類型對(duì)函數(shù)式編程的影響 講到了不可變數(shù)據(jù)的重要性,而讓數(shù)據(jù)不可變的原理就是 “拷貝數(shù)據(jù)”。

但如果拷貝的是一個(gè)樹(shù)形結(jié)構(gòu),層次比較深,看是一個(gè)對(duì)象,但實(shí)際上里面有上百個(gè)對(duì)象,比如:

// 某某公司組織架構(gòu)
const org = {
    name: "某某公司",
    children: [
{ name: "研發(fā)部", children: [{ name: "張三" }, { name: "李四" }] },
{ name: "產(chǎn)品部", children: [{ name: "王五" }] },
// 省略 10 個(gè)部門,每個(gè)部門 10 個(gè)人
    ]
}

這個(gè) org 數(shù)據(jù)中的 children 是 Array 類型的對(duì)象,children 里面的部門一個(gè)是一個(gè)基本對(duì)象,然后再往下又是 Array 對(duì)象 ...... ,上面結(jié)構(gòu)看起來(lái)還很簡(jiǎn)單,但實(shí)際上寫出來(lái)的都有了 9 個(gè)對(duì)象,如果這個(gè)組織有一百個(gè)人,至少 100 多個(gè)對(duì)象,如果為了保持?jǐn)?shù)據(jù)不可變,每次修改對(duì)象,都要對(duì)整個(gè) org 進(jìn)行拷貝的話,那么操作個(gè)幾十次上百次,很容易造成性能問(wèn)題,要是原始的數(shù)據(jù)意外沒(méi)有銷毀的話,還容易造成內(nèi)存泄露(這是我曾經(jīng)剛出來(lái)工作一兩年干過(guò)的事情,操作一個(gè)增刪改查的列表頁(yè),沒(méi)操作幾次,瀏覽器就變卡了,到后面必須得重新刷新頁(yè)面

標(biāo)簽: JavaScript
主站蜘蛛池模板: 91色在线| 精品欧美乱码久久久久久 | 视频在线观看一区二区 | 欧区一欧区二欧区三免费 | 亚洲精品国产电影 | 农村妇女毛片精品久久久 | 亚洲 中文 欧美 日韩 在线观看 | 亚洲第1页 | 国产精品日韩欧美一区二区 | 国产激情视频在线 | 欧美美女爱爱视频 | 欧美精品久久久久久 | 日韩视频一区二区在线 | 91在线电影| 操久久| 久久另类视频 | 亚洲免费在线观看 | 日操操夜操操 | 午夜爽爽爽男女免费观看影院 | 久久99蜜桃综合影院免费观看 | 婷婷综合激情 | 久久国产综合 | 91麻豆产精品久久久久久 | 最新中文字幕第一页视频 | 亚洲视频一区二区三区四区 | 欧美日韩精品久久久免费观看 | 免费网站国产 | 亚洲第一天堂无码专区 | 亚洲日本中文字幕在线 | 久久天天综合 | 亚洲九九色 | 亚洲国产欧美国产综合一区 | 国产精品自产av一区二区三区 | 国产一区欧美一区 | 国产一区二区三区网站 | 成人精品一区亚洲午夜久久久 | 久久精品免费 | 色资源在线视频 | 精品免费av| 看a网站 | 久久精点视频 |