javascript - document.title 返回未定义。为什么是这样？

Question

我这里有这个变量:

var money=0;

此变量会不断更新，因此请牢记这一点。我正在使用该属性

document.title

像这样在页面标题中显示变量“money”:

var money=0;
document.title = money;

当我刷新页面时，标题显示未定义所以我猜

document.title

返回未定义。为什么是这样？另外，页面标题中的变量“money”会不断更新吗？如果没有，我怎么能做到这一点？谢谢!

Answer 1

分配这个:

document.title = money;

将 money 中的值一次性赋值给 document.title。 money 的任何进一步更改都不会反射(reflect)在 document.title 中，除非您再次分配它。

如果您在执行上述分配后在标题中看到 undefined，那只能是因为 money 尚未声明或初始化，所以它还没有有一个值或某物已将其值设置为 undefined。

---

如果您希望文档的标题定期反射(reflect)您的 money 变量中的值，那么最好的方法是制作一个简短的小函数，您可以调用它来更新 money 变量而不是直接更新它，那个简短的小函数也会为你更新标题:

function updateMoney(val) {
    money = val;
    document.title = val;
}

然后，任何时候你想改变 money 值，你只需调用:

updateMoney(100);

而且，这两件事都会为您更新。

---

也可以创建一个循环计时器，不断将货币值复制到标题中，但效率要低得多(尤其是在电池供电的设备上)。