为什么 Backbone JS .extend() 总是返回一个空函数？

Question

我是主干 js 的新手，在看似微不足道的方面遇到了困难。

每当我调用 Backbone.Collection.extend、Backbone.Model.extend 或 Backbone.View.extend 时，返回的是一个空函数，而不是具有继承属性的对象。

例子：

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

console.log("View:");
console.log(view);

Console.log 显示：

View:
function()

如果你点击“function()”，什么都不会发生，它只是一个没有属性的空函数。

在我尝试扩展 Backbone 对象的任何地方，我都会遇到同样的问题。当我探索这个问题时，我尝试了这个：

var collection = Backbone.Collection.extend({
    add: function() {
        console.log("Add gets called");
        return {};
    }
});

console.log("Collection:");
console.log(collection);
console.log(collection.add());

控制台显示：

Collection:
function()
TypeError: collection.add is not a function

我不认为我的 requirejs 设置有什么不寻常之处，所以我希望有更多使用下划线和主干的 extend() 经验的人能告诉我为什么他们有时会返回空函数。

任何关于我可能会研究解决此问题的领域的建议都将受到欢迎。作为所涉及的库的新手，我对如何解决这个问题有点摸不着头脑，以便继续使用我的应用程序。

Answer 1

扩展 Backbone.Collection.extend(properties, [classProperties])

要创建您自己的 Collection 类，请扩展 Backbone.Collection，提供实例属性以及可直接附加到集合的构造函数的可选 classProperties。

所以在你的情况下view 是Collection class，尝试使用new 关键字来实例化它：

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

console.log("View:");
console.log(new view()); // Here