如何对对象进行自动监听, 且在克隆之后相应的更新属性?

Question

有这么一个需求或需求, 给定一个对象, 其中一些属性是依赖其他属性的, 可以看做这些属性是"计算属性". 现在浅拷贝得到一个新对象, 拷贝的时候更新其中的一些属性, 希望在拷贝后得到的对象里面的计算属性也随之更新

描述可能比较抽象, 代码大致如下:

const o1 = {
  a: 1,
  get b() {
    return this.a + 1
  }
}

const o2 = {
  ...o1,
  a: 10
}

console.log(o2) // { a: 10, b: 2 }
// 然而我想要的结果是 { a: 10, b: 11 }

可以看到在拷贝之后属性 b 并没有随之更新(注意是拷贝之后形成的 o2, 我并不想直接修改 o1), 有没有方法在不手动修改 b 的情况下仅修改 a, b 自动监听 a 变化然后更新? 多谢

Answer 1

展开语法只会读取源对象上的value属性，并不会复制getters和setters。可以通过查看各自的属性描述符得出结论。

Object.getOwnPropertyDescriptor(o1, "b")
Object.getOwnPropertyDescriptor(o2, "b")  //o2对象并没有复制getter

可以通过Object.defineProperties

const o2 = {}
Object.defineProperties(o2,Object.getOwnPropertyDescriptors(o1));
o2.a = 10;
console.log(o2)