创建简化的下划线 _.invoke

Creating a simplified underscore _.invoke

我正在尝试创建下划线的 _.invoke 函数。我不明白为什么我一直收到 TypeError,Cannot read 属性 'sort' of undefined。我假设这是指传递给函数的数组,但我可以在集合中记录每个数组,所以我不知道为什么 undefined 被抛出。

function each(collection, iteratee, context) {
  let i
  let boundIteratee = iteratee.bind(context)
  if (Array.isArray(collection)) {
    for (i = 0; i < collection.length; i++) {
      boundIteratee(collection[i], i, context)
    }
  } else {
    for (i in collection) {
      if (collection.hasOwnProperty(i)) {
        boundIteratee(collection[i], i, collection);
      }
    }
  }
  return collection
}

function map(collection, iteratee, context) {
  let result = []
  let formula = function(element, index) {
    result.push(iteratee(element, index, context))
  }
  each(collection, formula, context)
  return result
}

function invoke(collection, methodName) {
  let args = Array.prototype.slice.call(arguments, 2)
  let formula = function(array, index) {
    //console.log(array) --> returns arrays in collection...
    return methodName.apply(array, args)
  }
  return map(collection, formula)
}

function sortIt(array) {
  return array.sort()
}

console.log(invoke([
  [3, 1, 2],
  [7, 6, 9]
], sortIt))

根据您要实现的目标,您可以将 sortIt 函数替换为:

function sortIt() { return this.sort(); } // since you apply the arrays as context to the function

或替换

return methodName.apply(array, args);

return methodName(array);

虽然两者都不理想。

另外,请查阅apply()方法。