重用 jQuery 对象更快，但总是更好吗？

Question

我在工作中遇到了一些代码如下：

var $divs = $('div');
var $jq   = $([1]);

$divs.each(function () {
    $jq.context = $jq[0] = this;
    // ... do stuff ...
});

我在上面perf'd，它似乎比在函数顶部有$this = $(this); 快得多。在函数内部，$jq 变量有一个标准分类的典型 jQuery 方法，从它调用 (.hasClass(), .data(), .find(), ...)，代码按预期工作。

我想知道这里的权衡是什么；即不每次都构造一个新对象，你会失去什么？我只是失去了“历史”（即.pushStack(), .end(), .andSelf(), ...）吗？我应该一直这样做吗？

另外，这是一个命名模式吗？我终其一生都想不出如何在 Google 上进行研究。

Answer 1

这让我觉得这是一个疯狂的微优化。当然，在基本情况下，重用对象要快一个数量级。但是缓存当前对象的全部目的是为了节省后续操作的时间；在宏伟的计划中，除非您正在处理 数十万 个元素（不要那样做），否则这无关紧要。

你会失去什么

1. 正常范围：通过将对象存储在迭代的外部范围中，您正在打破回调的闭包。一个明显的例子是，如果你在这里console.log($jq)，所有日志条目都将引用同一个对象（循环中的最后一个），而this 对于每次迭代都是唯一的。

   李>

2. 可读性：var $this = $(this) 比$jq.context = $jq[0] = this 阅读/理解要快得多。

关于“历史”，我看不出你会在这里失去什么。无论哪种情况，您都是从特定对象开始的，因此您从那里进行的任何搜索都将被记录下来。