現在、スクリプトに必要なすべての要素が、次のようなグローバル オブジェクトにキャッシュされています。
var MainObject={
$El1 : $('#element1'),
$El2 : $('#element2')
};
メソッド内では、オブジェクトに直接アクセスできます。
method1:function(){
MainObject.$El1 // DO SOMETHING WITH THIS ELEMENT
}, ...
それで、私は2つの質問があります。
ローカル変数が最も速いと読みました。私のメソッドをそのように書いたほうがいいでしょうか?
method1:function(){
var $El1=MainObject.$El1;
$El1 // DO SOMETHING WITH THIS ELEMENT
}, ...
そしてそうならば...
これらの要素を参照するスクリプトに多数のメソッドがある場合(すぐにかなりの数の行になる可能性があります)、それらを要約する最良の方法は何でしょうか?
method1:function(){
var $El1=MainObject.$El1,
$El2=MainObject.$El1,
$El3=MainObject.$El1,
$El4=MainObject.$El1;
$El1 // DO SOMETHING WITH THIS ELEMENT
},
method2:function(){
var $El1=MainObject.$El1,
$El2=MainObject.$El1,
$El3=MainObject.$El1,
$El4=MainObject.$El1;
$El1 // DO SOMETHING WITH THIS ELEMENT
},
method3:function(){
var $El1=MainObject.$El1,
$El2=MainObject.$El1,
$El3=MainObject.$El1,
$El4=MainObject.$El1;
$El1 // DO SOMETHING WITH THIS ELEMENT
},
ありがとう!