javascript外部ファイルをロードして処理を続行する

Question

ユーザーが必要とするまで特定のスクリプトのロードを避けようとしていますが、if ... elseを使用してcontinueコードを呼び出すパターンになってしまいます。両方の場所。下のコードでは、continueProcessing（）メソッドの2つの呼び出しを見ることができます。これを行うより良い方法はありますか？

if (typeof sessionList === "undefined" || typeof sessionList != "function") { 
    $.getScript('resources/sessionList.js', function() { 
    continueProcessing(); 
    }); 
} else { 
    continueProcessing(); 
} 


function continueProcessing() { 
    // do stuff 
} 

Answer 1

これは私にそれをする良い方法のようです。

Answer 2

私はgetScriptを使用していませんが、htmlテンプレートの読み込みで同様の問題に直面しています。私は延期/約束のアプローチを使用してきました。それはあなたのケースのために次のようになります。スクリプトはすでにjqXHRのvarが延期されることはありませんので、「それから」すぐに実行され、存在する場合には

var jqXHR = {}; 
if (typeof sessionList === "undefined" || typeof sessionList != "function") { 
    jqXHR = $.getScript('resources/sessionList.js'); 
} 
$.when(jqXHR).then(continueProcessing()); 

を。

これはまだ入力するコードですが、少なくとも「continueProcessing」は1回だけ表示されます。

Answer 3

私は$ .Deferredパターン/コードで遊んだので、これを思いついた。それは簡潔ではありませんが、私はそれを行うよりクリーンな方法だと思います。私はリファクタリングするコードがたくさんあるようです...

var dfd = $.Deferred(); 

    if (typeof sessionList === "undefined" || typeof sessionList != "function") { 
     $.getScript('resources/sessionList.js', function(){ 
      dfd.resolve(); 
     }); 
    } 

    dfd.done(function() { 
     continueProcessing(); 
    });