通过触发器实例化 Backbone？ （或者如何推迟匿名函数的执行？）

Question

继续寻求了解有关 Backbone.js 的更多信息，我遇到了这样的情况：我希望以编程方式实例化 Backbone 应用程序。出现这种情况的情况是整个网站/页面不是 Backbone 应用程序，而是打开一个模式，然后填充（Backbone 应用程序的基本结构），然后我想触发 Backbone应用程序（当模式打开时，其 JavaScript 也会被加载）。如果可能的话，我更愿意“手动”实例化 Backbone 应用程序，即加载脚本时它不会自动执行。

我一直在使用的典型 Backbone 格式是这样的：

var myApp = (function($) {

    var myModel = Backbone.Model.extend({
        ...
    });

    var modelInstance = new myModel({
        ...
    });        

    var myView = Backbone.View.extend({
        ...
    });

    var viewInstance = new myView({
        ...
    });

}

但是上面的内容在加载脚本文件时会自动执行，然后实例化的视图尝试绑定/渲染到其关联的 DOM 元素等。有没有办法推迟匿名函数的执行，以便我可以在准备模态时加载脚本，然后在[稍微]稍后的时间点触发 Backbone 应用程序？

非常感谢您对此的任何见解。

Answer 1

您应该将应用程序的组件放入具有 init 方法的对象中，然后可以在模式对话框打开时调用该方法。下面是一个示例结构：

window.App = {
  Models: {},
  Views: {},
  Routers: {},
  init: function () {
    var app = new window.App.Routers.main;
    Backbone.History.start();
    return app;
  }
};

window.App.Models.Foo = Backbone.Model.extend({
  // ...
});

window.App.Views.FooView = Backbone.View.extend({
  // ...
});

window.App.Routers.main = Backbone.Router.extend({
  // ...
});

window.modalDialog.onOpen = function () {
  window.app = window.App.init();
};

上面假设您有一个名为 modalDialog 的全局变量，代表您的模式窗口，该变量在显示窗口时调用其 onOpen 回调。