2

我接手了一个研究项目，并且一直做得很好，除了最近，我想我误解了一些在 Backbone 中实现的 JS 结构。我对模型或集合的结构以及它是否返回对象或函数感到困惑。

该项目具有模型的当前结构：

define([…], function(…) {
  var measureModel = Backbone.Model.extend({
    defaults: {…},
    initialize: function(){…}
    …
  });
  return measureModel; //here there is no function, so I assume its an object
});

对于收藏：

define([…], function(…){
  var measuresCollection = Backbone.Collection.extend({
    model: measureModel,
    initialize: function(){…}
  });
  return new measuresCollection(); //here I assume it is an function
});

我用上述结构制作了新的模型和集合，但得到了以下错误，所以我也尝试了这个：

define([…], function(…){
  return Backbone.Collection.extend({  // here I just return the Object
    model: newerModel,
    initialize: function(){…}
  });
});

遵循第一个结构，在一些新模型和集合上，我得到错误Uncaught TypeError: object is not a functionor Uncaught TypeError: [Object object] is not a functionor Uncaught TypeError: undefined is not a function，这取决于结尾 return 语句的省略，或者只是直接返回对象。

我在另一个视图中调用构造函数，如下所示：this.newerCollection = new NewerCollection();

  • 为什么我会使用相同的结构得到（任何）这些错误？
  • 创建变量并返回它和直接返回它有什么区别？
  • 为什么我要使用一种方式而不是另一种方式？
4

1 回答 1

4

extend总是返回一个函数，该函数用作您扩展的模型/集合/视图的构造函数。

在这个代码块（问题中的第一个）中，您返回一个函数，它是扩展模型的构造函数：

define([…], function(…) {
  var measureModel = Backbone.Model.extend({
    defaults: {…},
    initialize: function(){…}
    …
  });
  return measureModel; //here you are returning a function, which is a constructor for the extended Model
});

在这个代码块（问题中的第二个）中，您返回的是一个对象，而不是一个函数，因为您已经实例化了measuresCollectionusing new。measuresCollection变量本身就是构造函数：

define([…], function(…){
  var measuresCollection = Backbone.Collection.extend({
    model: measureModel,
    initialize: function(){…}
  });
  return new measuresCollection(); //here you are returning an object because it is instantiated using `new`
});

如果您尝试使用该模块的值来实例化一个新对象，您将收到“对象不是函数”错误。

在这个代码块中（问题中的第三个块）相当于第二个块中的returning measuresCollection。在那里，你返回的是一个函数而不是一个对象，就像第一个块一样。

define([…], function(…){
  return Backbone.Collection.extend({  // this is returning a function, the same as the first code block
    model: newerModel,
    initialize: function(){…}
  });
});

如果您return从模块中省略该语句，它会返回undefined，并且当您尝试使用它来实例化对象时，您将收到“未定义不是函数”错误。

在第一个和第三个代码块中返回构造函数的方式基本上没有区别。前者只是在返回之前将构造函数分配给局部变量。这样做的唯一原因是如果您需要在返回之前对其进行操作。

于 2013-07-09T19:54:52.380 回答