javascript – 使用spread运算符更新对象值

我有一个函数,它为传入的对象添加一个键,但我被告知使用传播运算符,我被告知我可以使用spread运算符创建一个具有相同属性的新对象,然后在其上设置isAvailable .

  return new Partner(ServerConfig, capabilities, initialState)
}

class Partner {
  constructor (ServerConfig, capabilities, initialState) {
    initialState.isAvailable = true

所以我尝试了类似的东西但是成功了,你能帮助我吗？并且困惑,我应该以这种方式使用spread运算符,从函数返回？

newObject = {}

//在函数中使用它并从return获取值

   return {
     value: {
       ...newObject,
       ...initialState
     }
   }

initialState.isAvailable = true

解决方法:

属性按顺序添加,因此如果要覆盖现有属性,则需要将它们放在末尾而不是开头：

return {
  value: {
    ...initialState,
    ...newObject
  }
}

你不需要newObject(除非你已经躺在那里),但是：

return {
  value: {
    ...initialState,
    isAvailable: newValue
  }
}

例：

const o1 = {a: "original a", b: "original b"};
// Doesn't work:
const o2 = {a: "updated a", ...o1};
console.log(o2);
// Works:
const o3 = {...o1, a: "updated a"};
console.log(o3);

标签：javascript,spread-syntax
来源： https://codeday.me/bug/20190611/1216181.html