如何将对象项的右值设置为等于一个变量而不仅仅是一个值？

Question

以下按预期打印 3。

let bar = 3
let obj = { foo: bar }
console.log(obj.foo);

但是，如果我更改 bar 的值，则 obj.foo 的值不会更改。另外，如果我改变 obj.foo 的值，bar 的值不会改变。

这告诉我，当创建对象时，它并没有真正使用 bar 作为右值，它使用它的值作为值。如何以不同方式定义 obj 以使两个值始终匹配？

Answer 1

使用 getter 和 setter

let bar = 3;
let obj = { 
    get foo() { return bar },
    set foo(newValue) { bar = newValue }
};
console.log(obj.foo); // will show current value of 'bar'
obj.foo = 7 // will change 'bar' to 7

有关 getters 和 setters 的更多信息，请参阅 MDN