组件Store更新器是否需返回全新状态？浅拷贝是否可行？

核心原则：只拷贝需要修改的路径，不需要全量深拷贝 #

Redux/NgRx的状态不可变要求，本质是永远不能直接修改原状态的任何属性或嵌套结构，只要满足这一点，拷贝的深度只需要覆盖你要修改的层级即可，没必要做全量深拷贝。

1. 浅拷贝足够的场景：修改第一层原始值 #

当你要更新的是状态对象第一层的原始类型值（number、string、boolean等），比如你提到的NgRx示例：

// 原状态
const state = { movies: [], moviesPerPage: 10, currentPageIndex: 0 };

// 更新moviesPerPage的reducer逻辑
function reducer(state, action) {
  switch(action.type) {
    case 'UPDATE_MOVIES_PER_PAGE':
      // 仅浅拷贝第一层，复用movies数组的引用
      return { ...state, moviesPerPage: action.payload };
    default:
      return state;
  }
}

这种写法完全合规：

• 新返回的状态是一个全新的对象（引用变化），NgRx能检测到状态更新
• movies数组的引用虽然和原状态共享，但你没有修改这个数组的内容，完全符合不可变原则
• 复用未修改部分的引用还能提升性能，避免不必要的内存开销

2. 需要递归拷贝（而非全量深拷贝）的场景：修改嵌套可变结构 #

如果要修改的是嵌套的数组或对象（比如给movies数组加新元素，或者修改某部电影的属性），这时候不能直接操作原数组/对象，需要给被修改的嵌套层级创建新的引用：

• 添加电影到数组：

  return { ...state, movies: [...state.movies, action.newMovie] };
  

• 修改某部电影的标题：

  return {
    ...state,
    movies: state.movies.map(movie => 
      movie.id === action.movieId ? {...movie, title: action.newTitle} : movie
    )
  };
  

这里同样没有做全量深拷贝，只是对需要修改的movies数组（以及数组内被修改的单个电影对象）做了浅拷贝，其他层级的引用依然复用，这才是正确的做法。

3. 为什么共享引用没问题？ #

不可变状态的关键是不修改原状态的任何内容，而不是要求所有嵌套结构都必须是全新的引用。只要你保证：

• 所有修改操作都返回新的引用（在修改的层级上）
• 永远不直接修改原状态的属性或嵌套结构
  那么未修改部分共享引用是完全安全的，反而能减少不必要的拷贝操作，提升应用性能。

内容的提问来源于stack exchange，提问作者Theta