immutable Data 和 immerjs

拓展：immer 和 immutable Data

参考了这里
immutable data(不可变数据)：不可变数据指的其实就是当你修改一个数据的时候，这个数据会给你返回一个新的引用，而自己的引用保持不变

// npm i -S immer
import produce from 'immer';

const array = [{
    
    value: 0}, {
    
    value: 1}, {
    
    value: 2}];
const arr = produce(array, draft => {
    
     
  // 第一个参数：想要改变的数据对象 ; 第二个参数：函数,函数的参数draft，代表的就是想要改变的那个数据对象
  // 然后在函数体内你就正常想怎么改就怎么改，produce运行完的结果就是一个全新的对象了(在没有返回值时数据是根据函数体内对draft参数的操作生成的。有返回值的话返回值就会被当做新数据来返回)
  draft[0].value = 10;
});

console.log(arr === array);//false

注意：produce的返回值并不是一份深拷贝内容，而是共享了未被修改的数据，这样的好处就是避免了深拷贝带来的极大的性能开销问题，并且更新后返回了一个全新的引用，即使是浅比对也能感知到数据的改变