jQuery $.fly 插件是做什么用的？

Question

我偶然发现了jQuery.fly() - flyweight pattern 性能基准，在查看了测试代码和the plugin code itself (also see below) 之后，我不知道它有什么用？我搜索了互联网，找不到任何关于插件本身的有用信息。

与在.each 中使用$(this) 相比，它是一种更有效的循环/迭代数组的方法吗？

• 使用 jQuery 对象进行迭代

  a.each(function() {
      $(this);
  });
  

• 使用 jQuery.fly() 进行迭代

  a.each(function() {
      $.fly(this);
  });
  

• 在 Firefox 4.0.1 中几乎 快 2 倍
• 在 Chrome 12 中几乎 快 3 倍

.飞

(function($) {

    var fly  = $(),
        push = Array.prototype.push;

    $.fly = function(elem) {
        var len = fly.length,
            i;
        if ($.isArray(elem)) {
            fly.length  = 0;
            i           = push.apply(fly, elem);
        } else {
            if (elem instanceof $) {
                return elem;
            }
            if (typeof elem == "string") {
                throw "use jQuery()";
            }
            fly[0]     = elem;
            fly.length = i = 1;
        }
        // remove orphaned references
        while (i<len) {
            delete fly[i++];
        }

        return fly;
    };

})(jQuery);

Answer 1

免责声明：您会得到一个全局 fly 的实例，每次调用 $.fly 时都会更改状态。如果将其存储在变量中，它将中断。这是一种微优化，除非经过适当的基准测试，否则不应使用。

优化： 任何可以证明使用 $.fly 的情况，因为使用 $ 是一个瓶颈，那么正确的解决方案是不使用 jQuery 并在 "vanilla JavaScript 中进行 DOM 操作"

这个想法是调用jQuery 是昂贵的。为避免这种情况，您调用一次$()，然后将 DOM 节点注入其中。

这基本上有一个 jQuery 的全局实例，并交换了其中的 DOM 节点。

Flyweight Pattern

享元是一种通过与其他类似对象共享尽可能多的数据来最小化内存使用的对象

这是通过只有一个 jQuery 对象来实现的。

    var len = fly.length,
        i;
    // if elem is array push all dom nodes into fly.
    if ($.isArray(elem)) {
        // empties fly
        fly.length  = 0;
        i           = push.apply(fly, elem);
    } else {
        // if already $ then return it
        if (elem instanceof $) {
            return elem;
        }
        // dont use selectors
        if (typeof elem == "string") {
            throw "use jQuery()";
        }
        // set dom node.
        fly[0]     = elem;
        fly.length = i = 1;
    }
    // remove any elements further in the array. 
    while (i<len) {
        delete fly[i++];
    }

    return fly;

进一步免责声明： 此代码未设置this.context、this.selector，因此任何使用该代码的代码或任何可以通过使用这些代码进行优化的内部 jQuery 代码都不会被优化。

您需要彻底的基准测试和仔细的测试才能得出结论，不设置这些是值得优化的，并且共享一个 jQuery 对象不会在您的代码中导致细微的错误/副作用。