javascript – 将每个Underscore方法混合为Collection#models的代理

我正在使用骨干库来执行以下操作：

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) { ... });

结果效果是一样的！前者只会称后者.

javascript – 将每个Underscore方法混合为Collection#models的代理

解决方法

相关文章