jQuery の遅延オブジェクトを使用して JS ファイルを非同期かつ順次にロードする

私は少し前に Ruan Yifeng の記事「jQuery の deferred オブジェクトの詳細な説明」を読み、jQuery での deferred の使用法についてある程度理解しました。今日、庭で次の記事を目にしました: リファクタリングについて。 JS フロントエンドフレームワークの失敗経験 (ところで、デッドコードが懐かしいです) なので、jQuery の遅延を使用して JS ファイルを順番に非同期にロードする以前に書いたソリューションを共有しました。修正は歓迎です。

jQuery の deferred をまだ理解していない場合は、Ruan Yifeng による jQuery の deferred オブジェクトの詳細な説明を読むことを強くお勧めします。
JS ファイルをロードするコードは次のとおりです:

コードをコピーしますコードは次のとおりです:

 
/* 
JavaScript の非同期ロード 
loadScript.load(["a.js", "b.js"]); 
*/ 
varloadScript = (function( ) { 
varloadOne = function (url) { 
var dtd = $.Deferred(); 
var node = document.createElement('script'); 
node.type = "text/ javascript"; 
var onload = function(){ 
dtd.resolve(); 
}; 
$(node).load(onload).bind('readystatechange', function(){ 
if (node.readyState == 'loaded'){ 
onload(); 
} 
}); 
document.getElementsByTagName('head')[0].appendChild(node) ); 
node.src = url; 
return dtd.promise() 
}; 
if(!$.isArray(urls)) { 
returnload([ urls]); 
} 
var ret = []; 
for (var i = 0; i ret[ i] =loadOne(urls[i]); 
return $.when.apply($, ret) 
return { 
load:load 
} ; 
})() ; 

 
コードは比較的単純なので、ここでは説明しません。 
 たとえば、プロジェクトには 2 つの JS ファイル (a.js と b.js) があります。コードは次のとおりです。 

a.js:

コードをコピーコードは次のとおりです。 var a = "i am in a.js";

var b = "i am in a.js"; .js";

b.js:

コードをコピーコードは次のとおりです: var a = "私は b.js にいます";

var b = "私は b.js にいます";

 
b をロードしたい場合最初に .js、次に a.js の例 コードは次のとおりです: 

コードをコピーコードは次のとおりです:

JavaScript の非同期

人気のチュートリアル

詳細>

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル

jQuery の遅延オブジェクトを使用して JS ファイルを非同期かつ順次にロードする_jquery