javascript - 将结果变量保留在 for 循环(Javascript)之外有什么区别？

Question

我试图理解这两种编写循环的方式之间的区别。两个代码片段的结果是不同的。为什么？

1. for 循环:输出变量位于循环内部，给出不同的结果。

   for (var n = 1; n <= 100; n++) {
     var output = "";
     if ( n % 3 == 0)
       output += "Fizz";
     if (n % 5 == 0)
       output += "Buzz";
     console.log(output || n);
   }
   

2. for 循环:输出变量位于循环之外，给出不同的结果。

   var output = "";
   for (var n = 1; n <= 100; n++) {
     if ( n % 3 == 0)
       output += "Fizz";
     if (n % 5 == 0)
       output += "Buzz";
     console.log(output || n);
   }
   

Answer 1

在这两种情况下，output 的声明都被视为位于循环之外。然而，重要的是输出的初始化:

  var output = "";

将变量设置为空字符串 ("")。如果将初始化放在循环内，则变量的值将在每次迭代开始时清除。这消除了上一次迭代尝试做的所有工作。

因此，假设您的代码出现在某个函数中，第一个示例将被解释为就像这样编写的:

function whatever() {
  var output;
  // ...
  for (var n = 1; n <= 100; n++) {
    output = "";
    if ( n % 3 == 0)
      output += "Fizz";
    if (n % 5 == 0)
      output += "Buzz";
    console.log(output || n);
  }
  // ...
}

显然，在每次迭代开始时将变量设置回 "" 会破坏整个循环。