2

我所有的 Backbone.Views 仅在其最终状态下使用一次。（项目视图除外）。

目前我以这种方式将 Backbone.Views 处理为 Singleton：

var Singletonizer = function(Singleton) {
    if (Singleton._instance) return Singleton._instance;

    Singleton._instance = new Singleton();

    Singletonizer(Singleton);
};

不幸的是，将这个小函数作为依赖项添加到我的存储库中的每个 amd 模块并不是很好。

还有另一种方法来处理这个吗？也许覆盖基本视图类？

4

2 回答 2

6

只需让您的模块在视图构造函数之外返回一个函数，该函数返回它的单个实例，与以下内容不同。这样，当您加载模块时，无论您喜欢与否，都不会自动获取实例。相反，在加载我们的“FailedXhrView”模块后，我们通过调用获得我们的单例FailedXhrView()

'use strict';

define(['jquery', 
        'underscore', 
        'backbone', 
        'text!templates/failedXhr.html'], 

function($, _, Backbone, failedXhrTemplate) {
    var FailedXhrView = Backbone.View.extend({
        el : $('#failedxhr-modal-container'),
        template : _.template(failedXhrTemplate),

        render : function() {
            this.$el.html(this.template({}));
            this.$el.find('failedxhr-modal-containee').modal();
            return this;
        }
    });

    var instance;

    return function() {
        if (!instance) {
            instance = new FailedXhrView();
        }
        return instance;
    }
});
于 2013-09-17T13:01:18.810 回答
4

来自非常推荐的书Recipes with Backbone：

从这里：

// definition
MyApplication.Views.List = Backbone.View.extend();

// instantiation
$(function() {
  MyApplication.ListView = new MyApplication.Views.List({
    el: $('#list')
  }); 
})

到这里：

$(function() {
  MyApplication.ListView = new (Backbone.View.extend({
    initialize: function() {
      // ...
    }
  }))({el: $('#list')})
});

我们将匿名类的实例分配给MyApplication.ListView. 在这种方法中，我们正在使用自定义属性和方法对顶级 Backbone 类进行典型扩展。然而，不同之处在于我们没有像之前那样将结果分配给类名。相反，我们立即创建这个匿名类的新实例。最后，MyApplication.ListView分配给结果对象。

我不得不说我从来没有使用过这样的技术。它看起来对我来说很乱，我更喜欢易读性而不是建筑。

于 2012-08-31T19:18:59.057 回答