javascript - 如果一个变量是根据另一个定义的，它能反射(reflect)另一个绑定(bind)的变化吗？

Question

我有一个变量，其值部分是根据另一个变量定义的。我想更改该变量的值，以便初始变量也发生变化。但这不会发生。看第二行:

var offset = 0;
var message = "the number is " + offset;

如果我修改offset，那么message不会改变:

console.log(message); // This says "the number is 0".
offset += 20;         // `offset` is changed to `20`.
console.log(message); // The message is still "the number is 0".

message，在这种情况下，将被称为“ react 性”变量。

为什么它不起作用，我该如何解决？

Answer 1

表达式 'the number is' + offset 只计算一次。无论您更新多少次 offset，JavaScript 都不会跟踪 message 和 offset 之间的任何关系，它们是两个独立的变量。

正如建议的那样，您可以使用函数而不是变量来表示消息。

var offset = 0;

function message() {
    return 'the number is ' + offset;
}

console.log(message());  
offset += 20;             
console.log(message());   

这样，每次都会重新计算消息。