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

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

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

我看到了与此问题有关的其他问题，但我感到这些问题并未完全回答为什么发生这种情况。 divFoo递增计数时，foo显示div id ='0'。如何让foo计入divFoo？

最佳答案

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

像这样：

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