Redux 中 Immer 中 Object.assign() 的意外行为

Question

我正在使用 redux-starter-kit（其中包括用于可变更新的 Immer 库），但由于某种原因，这个减速器不起作用：reInitializeState(state, action) {        state = Object.assign({}, initialState);        state.someProperty = true; // this does not get set    },但这个确实：reInitializeState(state, action) {        Object.assign(state, initialState);        state.someProperty = true; // this does    },我希望他们做同样的事情。这里发生了什么？

Answer 1

使用 Immer，您可以就地改变对象以创建下一个不可变副本。在第一个示例中，因为state作为参数传入，执行：

state = Object.assign({}, initialState);

重新分配state给一个新对象，因此someProperty在该新对象上的设置不会导致任何更改——您必须对参数本身进行变异。

在第二个示例中，您不会重新分配state给其他东西，因此调用state.someProperty和修改它会修改原始状态对象。

Answer 2

你在这里做什么：

state = Object.assign({}, initialState);

正在复制initialState到一个新对象中，并丢弃state. 您应该分配给statenot {}，并将结果分配给state。

state = Object.assign(state, initialState);

Answer 3

重新分配变量本身几乎不会对其他地方产生任何影响。如果您将变量作为参数传递，然后重新分配该变量，然后函数结束，函数之外的任何内容都不会看到任何更改。相似地：

let someVar = 'foo';

function reassign(str) {

  str = 'bar';

}

reassign(someVar);

console.log(someVar);

在上面的函数内部重新分配不会做任何事情，因为重新分配不会改变someVar指向的外部绑定。

你的第二个片段：

reInitializeState(state, action) {

    Object.assign(state, initialState);

    state.someProperty = true; // this does

},

在这里，您正在改变state作为参数传递的原始对象，因此可以在函数外部看到更改。在另一个片段中，您正在改变一个全新的 object，该对象在脚本的其他地方无法看到，并继续进行垃圾收集。