遅延オブジェクトが拒否される原因は何ですか？

Question

私はこれについて間違った方法をとっていると思います。これは私がRequireJSまたはLABjsを使用する代わりにやろうとしているものです：

var APP = {}; 
APP._timers = {}; 
APP._timelines = {}; 

$.when(
    $.getScript('/app/models/Timer.js'), 
    $.getScript('/app/models/Section.js'), 

    $.getScript('/app/collections/Timers.js'), 
    $.getScript('/app/collections/Sections.js'), 

    $.getScript('/app/views/SectionView.js'), 
    $.getScript('/app/views/APPView.js'), 

    $.Deferred(function(deferred){ 
     $(deferred.resolve); 
    }) 
).done(function() { 
    alert('done'); 
    console.log(APP.APPView); 
    var foo = new APP.APPView; 
    APP._timelines.main = new APP.Timers('main'); 
    APP._timelines.branched = new APP.Timers('branched'); 
}).fail(function(){ 
    alert('failed'); 
}); 

それはfailedを警告されて、何もコンソールに書き込まされていません。

これらのファイルのいずれかを開くと、ファイルの上部または下部に何かを警告すると、それが表示されます。 、私は延期あなたdomReadyの実装についてはよく分からない

APP.APPView = Backbone.View.extend({ 
    el : $("#app-view"), 
    initialize : function() { 
     alert('App view initialized'); // Never gets called 
     this.sectionVew = new APP.SectionView(); 
    } 
}); 
alert('Inside APPView.js'); // gets called 

Answer 1

これが失敗する理由は、あなたのスクリプトをすべて$.whenの中に依存関係を管理せずに読み込もうとしているからだと思います。 $.getScriptはそれぞれ非同期であり、順序通りに完了する必要はありません。したがって、未定義のモデルを使用しようとすると、モデルの実行が停止する前にビューがロードされます。 要するに、これを行うには、次のいずれかを行う必要があります。

1. 依存関係を手動で管理します。すなわちモデルがロードされると、次にビューがロードされる。
2. trully独立型モジュールを書く
3. これは最も簡単ですが、手動ですべてを行い、require.jsなどのAMDローダーを使用しないようにしてください。これがそこにある理由です。

Answer 2

このようにそれを試してみてください：ここでは、そのファイルの例です

var APP = {}; 
APP._timers = {}; 
APP._timelines = {}; 

var domRdyDeferred = $.Deferred(); 
$(domRdyDeferred.resolve); 

$.when(
    $.getScript('/app/models/Timer.js'), 
    $.getScript('/app/models/Section.js'), 

    $.getScript('/app/collections/Timers.js'), 
    $.getScript('/app/collections/Sections.js'), 

    $.getScript('/app/views/SectionView.js'), 
    $.getScript('/app/views/APPView.js'), 

    domRdyDeferred 
).done(function() { 
    alert('done'); 
    console.log(APP.APPView); 
    var foo = new APP.APPView; 
    APP._timelines.main = new APP.Timers('main'); 
    APP._timelines.branched = new APP.Timers('branched'); 
}).fail(function(){ 
    console.log(arguments); 
    alert('failed'); 
}); 

彼らは完了していないかもしれないけれども注意することが重要ですあなたがそれらを追加する順序で$.when