Backbone.js从它的initialize方法中获取集合

时间:2012-03-07 14:47:11

标签: javascript backbone.js

为我们构建应用程序的人,为我提供了代码,以便我可以通过它, 我注意到了这一点,起初看起来还不错,甚至让收藏管理他的数据也很好 但过了一段时间,我开始考虑这个想法可能存在的陷阱

所以: 从它自己的初始化方法中获取集合的数据是一种好习惯。

例如:

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

var Books = Backbone.Collection.extend({

    url: '/books',

    initialize: function(){
        // do some logic here

        // if collection is empty, fetch from server
        if(this.size() == 0)
            this.fetch();
    }

});

我问这个是因为我认为在下列情况下可能会出现问题:

假设我们在routeAction中:

books: function() {
    var books = new Books();
    var bookList = new BookList({ collection: books });
}

不是这种情况可能失败,如果获取速度比视图的初始化速度快,其中视图将绑定到重置事件,则重置将在视图初始化执行之前触发方式?

我错了,或者我应该提交一张票来解决这个问题。

1 个答案:

答案 0 :(得分:21)

虽然在实践中,视图的初始化很可能在fetch()完成之前发生(并且您将render()绑定到reset而不是initialize())这是非常糟糕的无论如何都要依赖异步操作的顺序。换句话说,您的代码应该以使订单无关的方式编写。

我在fetch()的各个项目中看到initialize()被调用。我仍然认为这是不可取的和不好的做法。当你需要时也明确地获取这些优势:

  1. 您可以在需要时执行此操作,而不是每次创建新集合时都可以。
  2. 如果您愿意,可以按顺序执行某些操作:

    例如,您可以初始化视图并仅在获取后进行渲染。

    var bookList, books = new Books();
    var p = books.fetch();
    p.done(function () {
      bookList = new BookList({collection: books });
      bookList.render();
    });
    
  3. 它使测试更容易。