javascript - 我应该将 jQuery 或 DOM 对象作为参数传递吗？ (性能问题)

Question

哪个性能更好。

foo(this);

function foo(element) {

    $(element).index();

}

或者我应该怎么做

foo($(this));

function foo($element) {

    $element.index();

}

显然考虑到我将在函数中多次使用该参数。

谢谢!康纳

Answer 1

如果无论如何要包装一个对象，那么在 jQuery 上包装对象的位置并不重要。

唯一重要的是您缓存包装结果并且不要将其包装两次。

就此而言，以下规则适用于许多插件的代码:

1) jQuery 变量都以 $ 为前缀:var $this = $(this)

2) 永远不要在 $ 中包含 $-prefixed var

3) 总是缓存(保存到 var)任何多次使用的 jQuery 包装表达式

4) 如果同一个包装对象(如var $items = $('ul li');)在几个类似的函数中出现不止一次，将它移到外部作用域并依赖关闭。