有这么一个需求或需求, 给定一个对象, 其中一些属性是依赖其他属性的, 可以看做这些属性是"计算属性". 现在浅拷贝得到一个新对象, 拷贝的时候更新其中的一些属性, 希望在拷贝后得到的对象里面的计算属性也随之更新
描述可能比较抽象, 代码大致如下:
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
变化然后更新? 多谢
展开语法只会读取源对象上的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)