javascript - 全局变量不会在第二个变量中更新

Question

当我调用 foo2 时，全局变量 divFoo 在我 console.log 时不会更新。

var foo = 0;
var divFoo = "<div id='"+foo+"'>"
var foo2 = function() {
    foo++
}

我看到了与此问题相关的其他问题，我觉得这些问题并没有完全回答为什么会发生这种情况。当 foo 计数时，divFoo 显示 div id='0'。如何使 divFoo 与 foo 相加？

Answer 1

更新 foo 时需要更新 divFoo。它不监听更改，它是静态的。

像这样:

var foo = 0;
var divFoo;
var foo2 = function() {
    foo++;
    divFoo = "<div id='"+foo+"'>";
}