javascript - 两个循环的性能差异。交换内循环和外循环

Question

我有两个循环(一个嵌套在另一个循环中)，我想知道嵌套这些循环的方式是否有任何不同。代码 1 和代码 2 的结果相同 (100,000x4 = 4x100,000 = 400,000) 但 jsPerf显示代码 2 比代码 1 快大约 50%。

我想请教一下，我不明白两者之间的区别。

非常感谢。

var tt = function () {
      // do some stuff
      // for example:
      return (3);
    };

测试代码1:

for (var i = 0; i < 100000; i++) {
  for (var j = 0; j < 4; j++) {
    tt();
  }
}

测试代码2:

for (var j = 0; j < 4; j++) {
  for (var i = 0; i < 100000; i++) {
    tt();
  }
}

Answer 1

区别在于循环初始化代码。第一个代码必须初始化内部循环 100,000 次，而第二个代码只初始化 4 次。