JQuery .each() ：匿名函数的性能？

Question

只是一个小的理论性能问题：

如果我有类似的东西：

$(".somediv").each(function() {
   // perform some heavy stuff here
});

如果我将匿名函数的代码重构为像这样的命名函数，代码的执行会不会更快：

f = function() {
   // perform some heavy stuff here
};

$(".somediv").each(f);

不知何故，我有一个不合理的怀疑告诉我，也许匿名函数每次在每个循环中都会重新创建？

Answer 1

如果您关心性能，那么您不应该使用.each()。使用for 循环或while 循环迭代集合的内容并且根本没有函数调用比使用.each() 及其对每个项目的结果函数调用要快得多。

在回答您的问题时，匿名函数不会比命名函数慢。在运行时之前的解析时解决差异。

This jsPerf 显示一个普通的 for 循环几乎比 .each() 快 10 倍：http://jsperf.com/each-vs-for-loop-mine。

Answer 2

让我们考虑一下代码（jquery 1.7.1）：

// "public" each
each: function( callback, args ) {
    return jQuery.each( this, callback, args );
}

// "local" each
each: function( object, callback, args ) {
    // [...]

    if (args) {
        // [ args is for internal use ...]
    // A special, fast, case for the most common use of each
    } else {
        if (isObj) {
            for (name in object) {
                if (callback.call(object[name], name, object[name]) === false) {
                    break;
                }
            }
            // [...]

如您所见，callback 被直接引用和使用。没有复制callback 函数。不过，如果 jQuery 要复制函数，您建议的解决方法将在 内 jQuery 中产生相同的行为。

注意：在 JavaScript 中，函数是对象。一种函数声明语法与另一种不同，没有“不合理”的理由。唯一的区别是范围。您建议的解决方法将使该函数成为全局函数，而另一个匿名函数是 each 调用的“本地”

Answer 3

它没有被重新创建，它被创建一次，并且一个引用被传递给函数$.each()。然后该函数通过其引用调用匿名函数。

如果存在差异，我认为除了 当其他人阅读您的代码时最容易理解的模式之外，我认为它并不足以保证使用不同的模式。如果代码中出现性能问题，请对其进行测量并找到瓶颈。几乎可以肯定不是这样的。

Answer 4

下面是 .each() 和 for 循环的比较：

http://jsperf.com/jquery-each-perf-test2/2