Redux中Immer中Object.assign（）的意外行为

Question

我正在使用redux-starter-kit（包括Immer库用于可变更新），并且由于某种原因，这个reducer不起作用：

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

重新分配变量本身几乎不会在其他地方产生任何影响。 如果将变量作为参数传递，然后重新分配该变量，并且函数结束，则函数外部的任何内容都不会发生任何变化。 同理：

 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对象，因此可以在函数外部看到更改。 在另一个片段中，你正在改变一个全新的对象 ，一个在脚本的其他地方无法看到的对象，并继续收集垃圾。

Answer 2

你在这做什么：

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

将initialState复制到新对象中，并丢弃state的内容。 您应该将state分配给{} ，并将结果分配给state 。

state = Object.assign(state, initialState);

Answer 3

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

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

将state重新分配给新对象，因此在该新对象上设置someProperty不会导致任何更改 - 您必须在param本身上进行变异。

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