什么会导致延迟对象被拒绝？

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，没有任何内容写入控制台。

如果我打开这些文件中的任何一个，比如APPView.js 并在文件的顶部或底部发出警告，我就会看到它出现。这是该文件的示例：

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. 编写真正独立的模块
3. 这是最简单的，停止尝试手动执行所有这些操作并使用 AMD 加载程序，例如 require.js。这就是它存在的原因！

Answer 2

我不确定你的 domReady deferred 的实现，这样试试：

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 的顺序完成