javascript - 循环中javascript中函数声明与函数表达式的性能

Question

在以下jsperf中:http://jsperf.com/defined-function-vs-in-loop-function/3

你会注意到这段代码:

for (var i = 0; i < loops; i++) {
   function func(a, b) {
    return a + b;
  };
  func(i, i);
}

与此代码的性能相当:

function declaredFn(a, b) {
    return a + b;
};


for (i = 0; i < loops; i++) {
    declaredFni, i);
}

但是这段代码:

for (i = 0; i < loops; i++) {
  var func = function(a, b) {
    return a + b;
  };
  func(i, i);
}

比这段代码慢得多:

var expfunc = function(a, b) {
  return a + b;
};
for (i = 0; i < loops; i++) {  
  expfunc(i, i);
}

为什么？内部发生了什么？

Answer 1

如果您使用 function fn() {} 声明定义一个函数，它会被提升到顶部。因此，这段代码:

for (var i = 0; i < loops; i++) {
   function func(a, b) {
    return a + b;
  };
  func(i, i);
}

完全等同于这段代码:

function declaredFn(a, b) { return a + b; };

for (i = 0; i < loops; i++) { declaredFn(i, i); }

因为 function 声明被提升到顶部。

但是，var fn = function() {} 表达式不会被提升，因此您最终需要在每个循环中重新定义函数。

参见 this answer了解更多信息。