1

私は現在、次のようなアプリケーションに取り組んでいます:

var selector = '.selector';
$(selector).methodA();
$(selector).methodB();
//.....
$(selector).methodZ();

パフォーマンスを向上させるselectorために、次のような jQuery オブジェクトに変更します。

var selector = $('.selector');
selector.methodA();
selector.methodB();
//.....
selector.methodZ();

ただし、これは非常に大きなアプリケーションであるため、段階的に変更する必要があります。つまり、完全に完了するまで、次のようなコードが必要になります。

var selector = $('.selector');
selector.methodA();
$(selector).methodB();
//.....
$(selector).methodZ();

この最後のコード スニペットは、最初のコード スニペットよりも優れたパフォーマンスを発揮しますか?

私の推測では、オブジェクトはすでに jQuery オブジェクトであるため、実装はバイパスされ、入力されたオブジェクトが出力されるだけですが、確実に確認したいと思います。

それとも、2 番目のコード スニペットのみが有効になるようにするのが最善でしょうか?

4

1 に答える 1

0

@Raviのコメントのおかげで、jsPerf を使用してパフォーマンスをテストし、結果を以下に示します。

ここに画像の説明を入力 http://jsperf.com/nested-jquery-testing

したがって、3 回目のテストは実際には 1 回目よりも高速です。

于 2013-03-20T15:47:07.743 に答える