javascript - 函数内外定义变量的区别

Question

这里是 javascript 的新手。

Team Treehouse 博客有一个关于如何在 javascript 中构建计时器的小教程。它基本上是以下代码:

<h1 id="timer">Loading</h1>

var updateMessage = function(){ 
  var date = Date();
  var message = document.getElementById("timer");
  message.innerHTML = "The time is " + date;
}

var timer = setInterval(updateMessage, 500);

这一切都很好。但是我想将 date 用于多种功能。我尝试了以下..

var date = Date();
var updateMessage = function(){ 
  var message = document.getElementById("timer");
  message.innerHTML = "The time is " + date;
}

..但现在它不能实时工作。每当我按下 F5 时，它都会返回正确的时间，但不再实时更新。

这是为什么？我认为当我在函数外部声明一个变量时，它会成为一个可以在任何地方使用的全局函数。

Answer 1

因为 Date() 是你调用它的时间，它不会不断更新!

如果你想分享它，在函数内部更新它。

var date;
var updateMessage = function(){ 
   date = new Date();
  var message = document.getElementById("timer");
  message.innerHTML = "The time is " + date;
}