javascript - immutable配合react提升性能？

問題描述

直接PureComponent那樣淺比較不就完了嗎；我覺得極少存在state引用改變而實際的值不發生改變

問題解答

我覺得immutable的好處是不可變，不會出現在其它地方被意外更改值的情況。還有可以快速比較，不需要一層一層的檢查。

我覺得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也不適用。

嚴格說起來immutable轉換數據還會帶來性能損耗。API很方便的可以對于非常深層數據的對比跟修改操作

reducer.js

[actions.UPDATE_PROJECT_LIST_AFTER_DELETE]: (state, { data }) => { let index = data.index return state.updateIn([’dataList’,index,’status’], () => ’Deleted’)}