javascript - immutable配合react提升性能?
問題描述
直接PureComponent那樣淺比較不就完了嗎;我覺得極少存在state引用改變而實際的值不發生改變
問題解答
回答1:我覺得immutable的好處是不可變,不會出現在其它地方被意外更改值的情況。還有可以快速比較,不需要一層一層的檢查。
回答2:我覺得immutable的好處確實有,不可變、兩對象比較都能在一定程度上提高性能。但是這種比較適合需要復雜數據結構同時頻繁數據操作。如果對于一般的場景,只是增加了復雜度、文件大小。比如獲取對象屬性const obj = {a: 1, b: 2, c: 3}
普通方式:
const {a, b, c} = obj;
immutable:
const a = obj.get(’a’);const b = obj.get(’b’);const c = obj.get(’c’);
而且如果是復雜場景,我們會使用redux,因為redux本身數據處理就是不可變,所以immutable也不適用。
回答3:嚴格說起來immutable轉換數據還會帶來性能損耗。API很方便的可以對于非常深層數據的對比跟修改操作
reducer.js
[actions.UPDATE_PROJECT_LIST_AFTER_DELETE]: (state, { data }) => { let index = data.index return state.updateIn([’dataList’,index,’status’], () => ’Deleted’)}
相關文章:
1. javascript - JS設置Video視頻對象的currentTime時出現了問題,IE,Edge,火狐,都可以設置,反而chrom卻...2. java固定鍵值轉換,使用枚舉實現字典?3. 如何為每個應用程序配置tomcat 6的logs / catalina.out。(為sys.out,sys.err配置Web應用程序特定的日志文件)4. css - ionic中的柵格布局如何讓文字內容多少不同的每一列中的內容都能垂直居中?5. php自學從哪里開始?6. phpstady在win10上運行7. java - 我設置了cookie的max age,但是cookie依然在關閉游覽器后消失了8. javascript - canvas設計鼠標畫圖功能一筆畫出多條并行彩色線條9. 這是什么情況???10. javascript - 微信網頁開發從菜單進入頁面后,按返回鍵沒有關閉瀏覽器而是刷新當前頁面,求解決?
