JavaScript：a = Object.assign（{}，a，{k：v}）会变异a吗？

Question

我有一个对象存储为键，URL中的值对作为查询参数。 该对象的键可能会更改，我想使用该对象中的每个键值对来更新Redux应用程序中state对象的键值对。 我需要以一种不会使state对象发生变异的方式进行操作，并且目前正在尝试实现以下目标：

case 'LOAD_SEARCH_FROM_URL':
  let _state = Object.assign({}, state);
  const args = action.obj.substring(1).split('&');
  args.map((arg) => {
    const split = arg.split('=');
    _state = Object.assign({}, _state, {
      [split[0]]: JSON.parse( decodeURIComponent( split[1] ) )
    })
  })
  return _state;

在简单的测试中这可以正常工作，但是我想确保它实际上没有执行任何突变。 对于其他人可以在这个问题上提供的任何见解，我将不胜感激！

Answer 1

不， Object.assign仅会改变目标（第一个参数），在您的情况下，该目标是新创建的空对象。 源（所有后续参数）将不会被修改。

Answer 2

请非常小心，如果对象嵌套深，则对象会分配它们。 它写在文档中，因此您应该检查数据结构。

对于深度克隆，我们需要使用其他替代方法，因为Object.assign（）复制属性值。 如果源值是对对象的引用，则仅复制该引用值。 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

如果您拥有{a：0，b：{c：0}}之类的嵌套状态，则更改后redux不会检测到类似这样的尝试：

const mapStateToProps = state => {
  return {
    value: state[YOUR_REDUCER_NAME].a.b
  }
}
connect(mapStateToProps)(Component)