JavaScript 関数の遅延読み込みの実装とその利点の紹介_JavaScript スキル

この関数を呼び出すたびに、まずブラウザの機能を確認する必要があります。 -in XMLHyypRequest オブジェクトがサポートされていない場合は、ActiveX ベースの XMLHttpRequest の各バージョンを確認します。実際、ブラウザが特定の XMLHttpRequest オブジェクトをサポートしている場合、この関数が呼び出されるたびにこれが行われます。このサポートは、次回の実行時にサポートされます。プロパティは変更されません。if ステートメントが 1 つしかない場合でも、実行は明らかに遅くなります。 if 文を毎回実行する必要がなくなると、頻繁に呼び出す場合の実行速度が向上します。解決策は、遅延読み込みと呼ばれる手法です。

}
catch (e) {
try {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
createXHR=function(){
return new ActiveXObject("Microsoft.XMLHTTP")
}
}
catch (e) {
createXHR=function(){
return null;
}
}
}
}
return xhr;
}


この遅延ロードされた createXHR が初めて実行されるとき、各ブランチは createXHR を再割り当てし、元の関数を上書きして xhr オブジェクトを返します。書き換えられた関数は 2 回目の実行時に直接呼び出されるため、各ブランチを実行して再検出する必要はありません。


利点


遅延ロード関数には 2 つの主な利点があります。1 つ目は、関数が最初に実行されるときに割り当てを意味することになりますが、明らかな効率の問題です。実行は遅くなりますが、繰り返しの検出が回避されるため、その後の呼び出しは高速になります。2 つ目は、実行される適切なコードが、関数が実際に呼び出されるときにのみ実行されることです。多くの JavaScript ライブラリは、読み込み時にブラウザーによって異なります。多くの分岐を実行し、すべてをセットアップすると、遅延ロード機能が最初のスクリプトの実行時間に影響を与えることなく遅延を計算します。