我正在使用骨干库来执行以下操作：
var Persons = Backbone.Collection.extend({
defaults: {
name: 'unknown',age: 18
},over_18: function () {
return this.filter(function (model) {
return model.get('age') > 18
});
},under_18: function () {
var persons_over_18 = this.over_18;
return this.without(this,persons_over_18); // it does not work!! why?
}
});
persons = new Persons([{age: 17},{age: 27},{age:31} ]);
persons.under_18().length; // 3 instead of 1
正如您所看到的,under_18方法无法正常工作,因为它返回所有模型
而不只是给我年龄属性低于18的模型.
所以为了调试我的代码,我决定看一下Backbone.js Annotated Source,特别是下面的代码：
var methods = ['forEach','each','map','collect','reduce','foldl',... ]; // and more
_.each(methods,function(method) {
Collection.prototype[method] = function() {
var args = slice.call(arguments);
args.unshift(this.models);
return _[method].apply(_,args);
};
});
但上面的代码对我来说并不清楚,我仍然不能按照自己的意愿使第一个代码工作.
所以我的问题是如何修复与第二个相关的第一个代码？
这是我的代码到jsfiddle.net http://jsfiddle.net/tVmTM/176/
解决方法
Lenghty回答更好地理解Backbone代码：
在javascript中,可以通过两种方式引用对象的“成员”：
>通常的.符号：foo.say(‘hello’);
> […]表示法,字符串作为参数…有点像关联数组：
FOO [ “说”]( ‘你好’)
在骨干中发生的是,在此方法上方定义的方法数组中的每个字符串都被迭代并添加到Collection原型中,因此添加到继承(或扩展)Collection的所有类中.
在函数中,arguments关键字只引用传递给函数的所有参数,即使签名为空：
Collection.prototype[method] = function() { // <- empty signature here!
没有参数的切片会将传递的参数转换为数组.注意这里使用slice.call(…)(并参考this SO question).
var args = slice.call(arguments);
unshift然后将Collection models数组添加到数组的开头.
args.unshift(this.models);
然后我们实际上在新的参数数组上调用Underscore方法(使用[…]表示法).使用apply,我们传递_作为第一个参数,它将成为这个范围(更多信息here)
return _[method].apply(_,args);
这允许你做以下的事情：
MyCollection.each(function (model) { ... });
代替
_.each(MyCollection.models,function (model) { ... });
结果效果是一样的！前者只会称后者.
