0

有人可以解释 Collection“类”中存在的 filter() 方法背后的机制吗？此方法的 Backbone API 与以下示例实现不一致（取自 Todo 练习 @ http://addyosmani.github.io/backbone-fundamentals/）：

completed: function() {
    return this.filter(function( todo ) {
        return todo.get('completed');
    });
}

此代码片段生成一个模型对象数组，其“已完成”属性包含“真”。但是，我无法理解如何从此函数返回对象数组

4

4 回答 4

1

你好奇的关键在于源代码的下划线。您可能已经知道，Backbone.Collection 上可供您使用的大量方法都是从下划线引入的。

让我们先看看他们是如何做到的：

// Underscore methods that we want to implement on the Collection.
// 90% of the core usefulness of Backbone Collections is actually implemented
// right here:
var methods = ['forEach', 'each', 'map', 'collect', 'reduce', 'foldl',
'inject', 'reduceRight', 'foldr', 'find', 'detect', 'filter', 'select',
'reject', 'every', 'all', 'some', 'any', 'include', 'contains', 'invoke',
'max', 'min', 'toArray', 'size', 'first', 'head', 'take', 'initial', 'rest',
'tail', 'drop', 'last', 'without', 'difference', 'indexOf', 'shuffle',
'lastIndexOf', 'isEmpty', 'chain'];

// Mix in each Underscore method as a proxy to `Collection#models`.
_.each(methods, function(method) {
    Collection.prototype[method] = function() {

      // Important: BOLT ON THE COLLECTION MODELS TO THE ARGUMENTS.
      var args = slice.call(arguments);
      args.unshift(this.models);

      // .apply (since we have an array of arguments).
      return _[method].apply(_, args);
    };
});

所以我们有一个下划线方法名称列表。源代码循环遍历这些方法名称并将每个方法名称添加到您的集合原型中。重要提示：您会注意到此代码修补了参数列表以包含在您的集合模型中。

现在看下划线的实际方法实现：

_.filter = _.select = function(obj, iterator, context) {
  var results = [];
  if (obj == null) return results;
  if (nativeFilter && obj.filter === nativeFilter) return obj.filter(iterator, context);

  each(obj, function(value, index, list) {
    if (iterator.call(context, value, index, list)) results.push(value);
  });

  return results;
}

您会注意到过滤器只是环绕每个并循环通过传入的对象（属性）。主干版本所做的所有事情都是将此方法放入上下文中，以使您不必每次都传递模型。

于 2013-12-12T17:31:12.837 回答
0 
return todo.get('completed');

基本对应这个

return todo.get('completed') === true ;

所以todo Models集合中的全部属性completed被设置为true会从最里面的return语句返回

而最外层的 return 将返回 filter 函数满足条件的所有模型的集合。

这可以简单地写成

completed: function() {
    var filteredModels =  this.filter(function( todo ) {
        return todo.get('completed');
    });

    return filteredModels;
}
于 2013-05-15T04:18:27.980 回答
0

Filter 方法为结果创建空数组并循环遍历this.models. 如果iterator函数返回真实值，则模型被推送到结果数组。在你的例子iterator是

function (todo) {
  return todo.get('completed');
}

iterator返回一些经过真实检查的值

// simplified call
if (iterator()) results.push(value)
于 2013-05-15T05:17:14.780 回答
-1

这里的完成功能是一个过滤功能，只显示已完成的待办事项

由于主干在这里延伸下划线

调用 undescore 的过滤方法，通常会调用

filter_.filter(list, iterator, [context]) Alias: select

查看列表中的每个值，返回一个包含所有通过真值测试（迭代器）的值的数组。委托给本机过滤器方法（如果存在）。

这意味着 todo.get 被传递到集合中的每个模型上，这是为了测试每个模型的完成状态，如果为真，则模型在函数的数组中返回

于 2013-10-18T14:19:05.480 回答