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

在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];
}

当前回答

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

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

根据之前提供的小提琴性能测试，获胜者是4号

其他回答

ECMA-/Javascript语言将任何声明在任何地方的变量提升到函数的顶部。这是因为该语言具有函数作用域，而不像许多其他类c语言那样具有块作用域。这也被称为词汇范围。

如果你声明

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

这被提升为:

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

所以它对性能没有任何影响(但如果我完全错了，请纠正我)。除了在函数顶部声明变量之外，不在其他地方声明变量的一个更好的理由是可读性。在for循环中声明变量可能会导致错误的假设，即该变量只能在循环体中访问，这是完全错误的。事实上，您可以在当前作用域中的任何地方访问该变量。

另一个需要考虑的问题是，既然我们在ES2015中有了let和const，现在你可以将变量的作用域专门用于循环块。因此，除非你在循环之外需要相同的变量(或者如果每次迭代都依赖于在前一次迭代中对该变量所做的操作)，否则最好这样做:

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

理论上讲，这对JavaScript没有任何影响，因为该语言没有块作用域，只有函数作用域。

我不确定关于性能的争论，但是Douglas Crockford仍然建议var语句应该是函数体中的第一个语句。引用JavaScript编程语言的代码约定:

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

我认为他是有道理的，你可以从下面的例子中看到。在函数顶部声明变量不应该让读者误以为变量i被保存在for循环块的作用域中:

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

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

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

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

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

你认为这样对吗?不…因为你不想多次声明一个变量。当你在循环中声明一个变量时，它不是声明了循环运行的次数吗?显然，当你处于“严格使用”模式时，它会扇你耳光。人们不考虑最初的问题就不同意Crockford的观点。

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

推荐文章