JavaScript 变量是在循环外声明还是在循环内声明？

Question

在 AS3 中，我认为您应该初始化循环外的所有变量以提高性能。 JavaScript也是这种情况吗？哪个更好/更快/最佳实践？

var value = 0;

for (var i = 0; i < 100; i++)
{
    value = somearray[i];
}

或

for (var i = 0 ; i < 100; i++)
{
    var value = somearray[i];
}

Answer 1

在 JavaScript 或 ActionScript 的含义或性能上，绝对没有区别。

var 是解析器的指令，不是在运行时执行的命令。如果在函数体 (*) 中的任何位置已将特定标识符声明为 var 一次或多次，则块中对该标识符的所有使用都将引用局部变量。 value 在循环内、循环外或两者都声明为 var 没有区别。

因此，您应该编写您认为最易读的任何一个。我不同意 Crockford 的观点，即把所有的变量放在函数的顶部总是最好的。对于在一段代码中临时使用变量的情况，最好在该段中声明var，以便该段独立，可以复制粘贴。否则，在重构期间将几行代码复制粘贴到一个新函数中，而无需单独挑选和移动相关联的var，您就会意外得到一个全局变量。

特别是：

for (var i; i<100; i++)
    do something;

for (var i; i<100; i++)
    do something else;

Crockford 会建议您删除第二个 var（或同时删除 vars 并在上面执行 var i;），jslint 会为此抱怨您。但是 IMO 保留 vars 更易于维护，将所有相关代码放在一起，而不是在函数顶部有额外的、容易忘记的代码。

就我个人而言，我倾向于在独立的代码段中将变量的第一个赋值声明为var，无论在同一函数的其他部分中是否存在对同一变量名的另一种单独使用。对我来说，必须声明 var 是一个不受欢迎的 JS 疣（最好让变量默认为本地）；我不认为我有责任在 JavaScript 中复制 [an old revision of ANSI C] 的限制。

(*: 嵌套函数体除外)

Answer 2

理论上它不应该对 JavaScript 产生任何影响，因为该语言没有块作用域，而只有函数作用域。

我不确定性能参数，但Douglas Crockford 仍然建议var 语句应该是函数体中的第一个语句。引用Code Conventions for the JavaScript Programming Language:

JavaScript 没有块作用域，因此在块中定义变量会使熟悉其他 C 系列语言的程序员感到困惑。在函数顶部定义所有变量。

我认为他有一个观点，正如您在以下示例中看到的那样。在函数顶部声明变量不应使读者误以为变量i 是在for 循环块的范围内：

function myFunction() {
  var i;    // the scope of the variables is very clear

  for (i = 0; i < 10; i++) {
    // ...
  }
}

Answer 3

ECMA-/Javascript 语言 hoists 在函数顶部的任何位置声明的任何变量。这是因为这种语言确实有function scope，而没有有block scope，就像许多其他类似C的语言一样。
这也称为lexical scope。

如果你声明类似

var foo = function(){
    for(var i = 0; i < 10; i++){
    }
};

这会将hoisted 发送到：

var foo = function(){
    var i;
    for(i = 0; i < 10; i++){
    }
}

所以它对性能没有任何影响（但如果我在这里完全错了，请纠正我）。
不在函数顶部以外的其他地方声明变量的一个更好的论据是可读性。在 for-loop 中声明变量可能会导致错误的假设，即该变量只能在循环体中访问，这是完全错误。事实上，您可以在当前范围内的任何位置访问该变量。

Answer 4

明年，所有浏览器都将拥有预编译代码的 JS 引擎，因此性能差异（来自一次又一次地解析相同的代码块加上执行分配）应该可以忽略不计。

此外，除非必要，否则永远不要优化性能。将变量保持在您第一次需要它们的位置附近可以使您的代码保持干净。不利的一面是，习惯使用块范围语言的人可能会感到困惑。

Answer 5

另一个考虑因素是，现在我们在 ES2015 中有 let 和 const，您现在可以将变量范围专门用于循环块。因此，除非您需要在循环外使用相同的变量（或者如果每次迭代都依赖于在前一次迭代中对该变量执行的操作），否则最好这样做：

for (let i = 0; i < 100; i++) {
    let value = somearray[i];
    //do something with `value`
}

Answer 6

我刚刚在 Chrome 中做了一个简单的测试。在浏览器中尝试fiddle 并查看结果

  var count = 100000000;
    var a = 0;
    console.log(new Date());

    for (var i=0; i<count; i++) {
      a = a + 1
    }

    console.log(new Date());

    var j;
    for (j=0; j<count; j++) {
      a = a + 1;
    }

    console.log(new Date());

    var j;
    for (j=0; j<count; j++) {
        var x;
        x = x + 1;
    }

    console.log(new Date());

结果是最后一次测试需要约 8 秒，而前 2 次只需约 2 秒。非常可重复，无论顺序如何。

所以，这向我证明，应该始终在循环之外声明变量。对我来说奇怪的情况是我在 for() 语句中声明 i 的第一个案例。这个似乎和我预先声明索引的第二次测试一样快。

Answer 7

JavaScript 是底层由 C 或 C++ 编写的一种语言，我不太确定它是哪一种。其目的之一是节省处理内部存储器的乐趣。 即使在 C 或 C++ 中，您也不必担心在循环内声明变量时是否会消耗大量资源。为什么要在 JavaScript 中担心它？

Answer 8

我更喜欢将可读性和性能结合起来。 所以我最喜欢的是在循环中声明变量，这意味着我会有块范围封装。

for (let i = 0, sum = 0; i < count; i++) { // count also be declared here like count = array.length;
  sum = sum + 1;
}

根据之前提供的小提琴演奏tests，获胜者是 4 号

Answer 9

嗯，这取决于您要实现的目标...如果 value 假设只是循环块内的一个临时变量，那么使用第二种形式会更清楚。它也更加合乎逻辑和冗长。

Answer 10

在 for 循环内部或外部声明变量都没有区别。 下面是要测试的示例代码。

function a() {
   console.log('Function a() starts');
   console.log(new Date());
    var j;
    for (j=0; j<100000000; j++) {
        var x;
        x = x + 1;
    }
    console.log(new Date());
    console.log('Function a() Ends');
}
a()
function b() {
console.log('Function B() starts');
   console.log(new Date());
    var a;
    var j;
    for (j=0; j<100000000; j++) {
      a = a + 1;
    }
    console.log(new Date());
    console.log('Function B() Ends');
}
b()

结果显示在我的案例中

Function a() starts
VM121:3 Thu Apr 12 2018 15:20:26 GMT+0530 (India Standard Time)
VM121:9 Thu Apr 12 2018 15:20:26 GMT+0530 (India Standard Time)
VM121:10 Function a() Ends
VM121:14 Function B() starts
VM121:15 Thu Apr 12 2018 15:20:26 GMT+0530 (India Standard Time)
VM121:21 Thu Apr 12 2018 15:20:26 GMT+0530 (India Standard Time)
VM121:22 Function B() Ends

谢谢—— MyFavs.in

Answer 11

这里的问题基本上是在循环中声明一个 var。想想如果你这样做会发生什么：

var a = 30;
var a = 50;
var a = 60;

你认为这是对的吗？不...因为您不想多次声明变量。当你在循环中声明一个变量时，它不是声明循环运行的次数吗？显然，当您处于“使用严格”模式时，它会打你一巴掌。人们不考虑最初的问题就与 Crockford 产生了分歧。

所以在上面声明变量总是好的——1.为了可读性，2.养成好习惯。

Answer 12

关于在 Linux 操作系统上的 Chrome、Firefox 和 jsperf 上运行测试后的性能，循环中和循环外的变量声明之间似乎存在性能差异。这是一个很小的差异，但这也因迭代次数和变量声明的数量而变得复杂。

因此，为了获得最佳性能，我不得不建议在循环外声明变量。或者更好的是在行中声明您的变量。见例子。

// inline
for (var ai = 0, al = 100000000, av; ai < al; ai++) {
    av = av + 1;
}

// outside
var bv;
var bl = 100000000;
for (var bi = 0; bi < bl; bi++) {
    bv = bv + 1;
}

请注意变量 'al' 和 'av' 在 for 循环声明行中的位置。这个内联声明为我提供了始终如一的更好性能。甚至在循环外声明变量。同样，性能差异非常小。

https://jsperf.com/outside-inline-for-loop-ase/1