javascript - 在 setInterval 中使用 += 连续递增变量时出现问题

Question

这个问题已经有答案了:

What is the scope of variables in JavaScript? (27 个回答)

已关闭 3 年前。

这里有两个关于我正在做的练习的问题 setInterval功能

1. 从下面的代码中，我试图打印出在1000毫秒内自加10的变量，但是当我运行它时，在浏览器的控制台中，它只显示了10次相同的单词“num”，如何我能弄清楚吗？

$(function() {
  var timmer;
  GoCount();

  function GoCount() {
    timmer = setInterval(function() {
      var num = 0;
      num += 10;
      console.log(num);
    }, 1000);
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

第二个问题是 setInterval 之间有什么区别？和for循环

Answer 1

正如 @Carsten Løvbo Andersen 的评论，您应该将 num 作为全局变量以便能够保留以前的值。

$(function() {
  var timmer;
  var num = 0;
  GoCount();

  function GoCount() {
    timmer = setInterval(function() {
      num += 10;
      console.log(num);
    }, 1000);
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>