骨干对待模型喜欢集合

Question

由于 Collections 实际上是一个模型，它有属性等等，就像这个例子中一样

var Images = Backbone.Collection.extend({
  url: 'https://api.myjson.com/bins/4v2d8'
});

var View = Backbone.View.extend({
  el: $('.images'), 

  initialize: function(){
    this.listenTo(this.collection, 'sync', this.render, this); // what is this keyword as the last param here?
  },

  render: function(){

    this.collection.each(function(model){
      this.$el.append($('<p>'+model.get('name')+'</>' ));
    }, this);

  }
});

$(function(){

  var images = new View({ collection: new Images() });

  images.collection.fetch();

});

http://jsbin.com/gohedeguto/edit?html,js,output

但是为什么这个不起作用？

http://jsbin.com/seyoyeqeku/edit?html,js,output

我将Collection 替换为Model 并传递给视图。我收到了this.model.each of undefined。

Answer 1

虽然T-J 是对的，但他没有详细说明原因。

主干模型有很多函数来管理attributes hash，并且经常被一个id引用。

Backbone 集合 是 Backbone 模型实例的数组。它有一些类似的和许多不同的功能来管理它的models array property，这是存储模型实例的地方。

其中一些函数是Underscore.js 函数的代理。

Model's Underscore methods

• 键
• 价值观
• 对
• 反转
• 挑选
• 省略
• 链
• 是空的

Collection's Underscore methods

目前共有 46 个，请参阅列表。

---

collection.each(iteratee, [context])

是_.each(collection.models, iteratee, [context])的代理。

Backbone 的模型没有 each 函数，因为它没有真正意义，并且有更好的方法来循环遍历模型的属性。

Answer 2

因为 Collections 实际上是一个模型

没有。这是错误的假设。集合不是模型，这就是您的代码不起作用的原因。

模型没有 each 方法，您的代码会抛出以下错误：

Uncaught TypeError: this.model.each is not a function(…)

并且不要遵循迭代模型属性并打印其名称的其他答案，这没有意义。因为模型应该代表一个实体，比如一个人。它只有一个包含名称的属性，迭代模型属性以访问其中一个是没有意义的，您可以使用get() 方法直接访问它的属性而无需迭代。