扩展 Backbone.Collection 原型

继从这个问题 https://stackoverflow.com/questions/10219182/retrieve-element-from-backbone-collection-removen，我正在尝试使用一些自定义方法来增强 Backbone.Collection。但是，我在控制台和源之间发现了一些不一致的行为。

这是测试的样子

HTML

... 
<script type="text/javascript" src="./libs/underscore.js"></script>
<script type="text/javascript" src="./libs/backbone.js"></script>
<script type="text/javascript" src="./libs/backbone-extend.js"></script>    
<script type="text/javascript" src="./qunit/qunit.js"></script>
<script type="text/javascript" src="./backbone-extend-tests.js"></script>
</body></html>

骨干扩展.js

Backbone.Collection.prototype.extract = function() {
    // placeholder to test binding
    return 'foo';
};

骨干扩展测试.js

test('extending backbone', function () {
    ok(typeof Backbone.Collection.extract == 'function');
    console.log(Backbone.Collection.extract); // undefined
});

我有什么遗漏的吗？我检查过所有源都正在加载

JFTR - 这...

_.extend(Backbone.Collection, {extract:function(){return'foo';});

...有效，只是不使用原型增强方法。我只是不确定为什么一种方法有效而另一种方法无效，因为 Backbone 的文档推荐 http://documentcloud.github.com/backbone/#FAQ-extending原型增强（尽管它特别提到了模型）。我想我需要更详细地看看引擎盖下面......

UPDATE:为了后代，将其放在backbone-extend.js 文件中...

 _.extend(Backbone.Collection.prototype, {
     extract : function (model) {
     var _model = model;
     this.remove(model);
     return _model;
 }
 });

... 有效

您混淆了一些关键概念，这就是为什么您没有看到您期望的行为，这更多是一个基本的 javascript 问题，与主干不完全相关。

考虑以下构造函数：

var Klass = function() {};

您可以使用以下方式调用该构造函数new关键字从该构造函数获取实例。

var klassInstance = new Klass();

现在，假设我想添加一个可用于all从该构造函数派生的实例的数量。为此我可以使用prototype object.

Klass.prototype.instanceMethod = function() { alert('hi'); };

然后我应该能够使用以下命令调用该方法：

klassInstance.instanceMethod();

不过，我还可以添加一个static函数（我在这种情况下宽松地使用这个术语）到构造函数本身，可以在没有实例的情况下调用它。

Klass.staticMethod = function() { alert('yo!'); };

该方法将直接从构造函数中可用，但将not直接从实例中可用。

例如：

klassInstance.staticMethod == undefined

所以你的测试真正的错误在于你向prototype– 一个可用于该“类”的所有实例的方法 – 但在您的测试中，您直接在“类”本身上测试方法。这不是同一件事。

顺便说一句，虽然相关，但 Backbone.js 提供了一个内置机制来创建内置类型的“子类”。这是static .extend()方法。这为您提供了一种简单的方法来将您自己的功能添加到基本 Backbone 类中。

在你的情况下，你会想做类似的事情：

var MyCollection = Backbone.Collection.extend({
    extract: function() {
        // do whatever
    }
}) 

然后，您可以创建新类的实例，该实例将具有.extract()方法对他们说：

var coll = new MyCollection();
coll.extract();

TL;DR;

最终 - 回到你原来的问题 - 如果你想要一个可用于特定类的所有实例的方法，那么你的test是不正确的。您需要新建一个实例来测试：

test('extending backbone', function () {
    var col = new Backbone.Collection();
    ok(typeof col.extract == 'function');
});

或者检查prototype直接用于方法——这有细微的不同，因为prototype对象不是only为一个对象获取一个方法。

test('extending backbone', function () {
    ok(typeof Backbone.Collection.prototype.extract == 'function');
});