jQuery 引用的缓存

发布于 2024-09-07 23:58:57 字数 107 浏览 2 评论 0原文

最好的做法是否始终是使用：

var $this = $(this);

或者 $(this) 已缓存，因此上面的行仅用于保存两个字符？

原文

Is it always best practice to use:

var $this = $(this);

Or is $(this) cached and therefore the above line is just for saving two characters?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

三岁铭 2024-09-14 23:58:57

使用 $(this) 调用至少两个（可能超过两个）函数，并在每次使用它时分配一个对象（消耗最终必须回收的内存）。如果您只是要重复使用相同的东西，那么这都是额外的工作。我建议调用它一次，然后缓存结果（例如，在函数内），而不是使用十几行 $(this).foo(); $(this)。酒吧（）；。

$ 是 jQuery 函数的别名，如下所示：

var jQuery = function( selector, context ) {
    // The jQuery object is actually just the init constructor 'enhanced'
    return new jQuery.fn.init( selector, context );
}

如您所见，它创建一个对象，调用构造函数 jQuery.fn.init。然后，该函数必须弄清楚它在做什么，因为 jQuery 使用 jQuery 函数来处理 18 种不同的事情。我并不是说它不能很快完成，但为什么要做所有这些额外的工作呢？ :-)

编辑：如果您将 DOM 元素传递给其中（这通常是 $(this) 所做的事情），jQuery. fn.init 不会进行任何进一步的函数调用。所以“只是”两个加上分配。

Using $(this) calls at least two (and possibly more than two) functions and allocates an object each and every time you use it (consuming memory that eventually has to be reclaimed). That's all extra work if you're just going to reuse the same thing. I'd recommend calling it once and then caching the result (e.g., within the function) rather than having a dozen lines of $(this).foo(); $(this).bar();.

$ is an alias for the jQuery function, which looks like this:

var jQuery = function( selector, context ) {
    // The jQuery object is actually just the init constructor 'enhanced'
    return new jQuery.fn.init( selector, context );
}

As you can see, it creates an object, calling the constructor function jQuery.fn.init. That function then has to figure out what it's doing, because, jQuery uses the jQuery function for 18 different things. I'm not saying it doesn't do it quickly, but why do all that extra work. :-)

Edit: In the case where you're passing a DOM element into it (which is usually what $(this) is doing), jQuery.fn.init doesn't make any further function calls. So "just" two plus the allocation.

回复收藏 0 原文