在以下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);
}
为什么?内部发生了什么?
最佳答案
如果您使用 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了解更多信息。
关于javascript - 循环中javascript中函数声明与函数表达式的性能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26705170/