invoke

作者: 伊各的诗与代码 | 来源:发表于2017-11-10 20:16 被阅读0次

invoke

_.invoke(list, methodName, *arguments)

Calls the method named by methodName on each value in the list. Any extra arguments passed to invoke will be forwarded on to the method invocation.

_.invoke = restArgs(function(obj, path, args) {
    var contextPath, func;
    //确定function,不明白判断数组的意义,应该与上下文判断有关
    if (_.isFunction(path)) {
      func = path;
    }
    // 源码中对这里的提交commit message是Make _.invoke support deep method paths,仍不理解
    else if (_.isArray(path)) {
      //这里是执行对数组的浅复制
      contextPath = path.slice(0, -1);
      path = path[path.length - 1];
    }
    //在对象上遍历给定的方法
    return _.map(obj, function(context) {
      var method = func;
      if (!method) {
        if (contextPath && contextPath.length) {
          context = deepGet(context, contextPath);
        }
        //在这里判断函数执行对象与拿到最终要执行的方法
        if (context == null) return void 0;
        //方法在不同类型的原型链上,通过key值获取
        method = context[path];
      }
      return method == null ? method : method.apply(context, args);
    });
  });

restArgs

//与ES6里的rest param相似,将多的参数整理为数组
var restArgs = function(func, startIndex) {
    //一个函数的length属性是这个函数在声明时声明的形参个数
    //从第几个参数开始把func的剩余参数"改造"成Rest Parameters,如果不传第二个参数startIndex,默认从最后一个参数开始
    startIndex = startIndex == null ? func.length - 1 : +startIndex;
    //这个方法是我们调用invoke时执行的函数
    return function() {
      //创建一个数组,长度为包裹剩余参数的个数
      //这里的arguments.length是实际参数的长度,startIndex使用形式参数算出来的,两个相减,才是真正所说的数组的长度
      var length = Math.max(arguments.length - startIndex, 0),
          rest = Array(length),
          index = 0;
      //循环赋值给创建的数组
      for (; index < length; index++) {
        rest[index] = arguments[index + startIndex];
      }
      //下面进行条件判断,进行核心方法的调用
      //这里的func是指上面invoke方法传给restArgs方法的匿名函数
      switch (startIndex) {
        case 0: return func.call(this, rest);
        case 1: return func.call(this, arguments[0], rest);
        case 2: return func.call(this, arguments[0], arguments[1], rest);
      }
      //如果startIndex过大,即除了restParameters之外有很多的参数,就将他们整理成一个数组,使用apply调用,因为apply接收一个数组作为参数
      var args = Array(startIndex + 1);
      for (index = 0; index < startIndex; index++) {
        args[index] = arguments[index];
      }
      args[startIndex] = rest;
      return func.apply(this, args);
    };
  };

pluck

_.pluck(list, propertyName)

var stooges = [{name: 'moe', age: 40}, {name: 'larry', age: 50}, {name: 'curly', age: 60}];
_.pluck(stooges, 'name');
=> ["moe", "larry", "curly"]

_.pluck = function(obj, key) {
    return _.map(obj, _.property(key));
};

遍历对象,返回方法筛选出内容(主要是对于map函数的理解,返回一个由遍历结果构成的新数组)

相关文章

网友评论

      本文标题:invoke

      本文链接:https://www.haomeiwen.com/subject/mvkimxtx.html