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函数的理解,返回一个由遍历结果构成的新数组)