jquery - jQuery $(this) 是否需要缓存

Question

我最近看到一些关于 jQuery 性能的博客文章(即 http://net.tutsplus.com/tutorials/javascript-ajax/10-ways-to-instantly-increase-your-jquery-performance/ )，所有这些文章都指出我们应该将 jQuery 对象缓存到 javascript 变量。

不过，我需要知道这是否也适用于 $(this)。如果我这样做，我的绩效是否会提高:

$("#some-link").click("click", function(){
  var $this = $(this);
  $this.doSomeThing();
});

预先感谢您的帮助。

Answer 1

this 可能引用许多不同的对象。

缓存$(this)可能并不重要，因为this已经是当前元素，因此jQuery不需要在DOM中搜索该元素。

但是，在单个函数中，如果多次调用 $(this)，明智的做法是将 $(this) 放入变量而不是调用$(this)多次。

$("#some-link").click("click", function(){
  var $this = $(this);
  $this.doSomeThing();
  $this.doThisThing();
  $this.doThatThing();
});

效率比

$("#some-link").click("click", function(){
  $(this).doSomeThing();
  $(this).doThisThing();
  $(this).doThatThing();
});