JavaScript依赖变量值没有更改

Question

我有两个变量x和y。变量y与x(y=x+2(有关

var x=2;
var y=x+10;
function increment(){
alert(x);
alert(y);
x++;
}

我调用递增函数来递增x并显示x和y的值。所以每次调用函数时，x都会递增，但y的值保持不变。

以下是我在随后点击时得到的输出

2 123 124 125 12

如果y依赖于x，为什么y值不变。

Answer 1

您可以使用getter 定义依赖项

var values = {
x: 2,
get y() {
return this.x + 10
}
}
function increment(){
alert(values.x);
alert(values.y);
values.x++;
}

当x更改时，这将自动重新计算y