学习underscore中restArgs函数

2019-02-14

摘要：学习冴羽的博客研究 underscore 中 restArgs 函数

restArgs

不使用...拓展操作符，实现与之相同功能的方法：restArgs 函数，传入一个函数，使用函数的最后一个参数储存剩下的函数参数：

function restArgs(func) {
  return function () {
    // startIndex 函数最后一位参数的索引，即需要存储剩下所有参数的位置
    var startIndex = func.length - 1;
    // 剩下参数的个数
    var length = arguments.length - startIndex;

    var rest = Array(length)
    var index = 0;

    // 使用数组 rest 储存剩余的参数
    for (; index < length; index++) {
      rest[index] = arguments[index + startIndex]
    }

    // 使用数组 args 储存前面的参数
    var args = Array(startIndex + 1);
    for (index = 0; index < startIndex; index++) {
      args[index] = arguments[index]
    }

    // 将 rest 存储到 args 最后一位
    args[startIndex] = rest;

    return func.apply(this, args)
  }
}

优化

增加一个参数用来指定 startIndex，如果没有指定的值，就默认使用最后一个参数：

function restArgs(func, startIndex) {
  startIndex = startIndex == null ? func.length - 1 : +startIndex;
  return function () {
    // 实参的个数可能少于形参的个数
    var length = Math.max(arguments.length - startIndex, 0);
    var rest = Array(length)
    var index = 0;
    for (; index < length; index++) {
      rest[index] = arguments[index + startIndex]
    }

    var args = Array(startIndex + 1);
    for (index = 0; index < startIndex; index++) {
      args[index] = arguments[index]
    }

    args[startIndex] = rest;
    return func.apply(this, args)
  }
}

提高性能

据查询多篇文章得：call 的性能要高于 apply 。在函数参数为3个及以内时，优先使用 call 方法进行事件的处理；当函数参数多于3个时，使用 apply 方法

var restArgs = function (func, startIndex) {
  startIndex = startIndex == null ? func.length - 1 : +startIndex;
  return function () {
    var length = Math.max(arguments.length - startIndex, 0),
      rest = Array(length),
      index = 0;

    for (; index < length; index++) {
      rest[index] = arguments[index + startIndex];
    }

    // 提高性能的部分，当函数参数不多于3个时优先使用 call
    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);
    }

    var args = Array(startIndex + 1);
    for (index = 0; index < startIndex; index++) {
      args[index] = arguments[index];
    }

    args[startIndex] = rest;
    return func.apply(this, args);
  };
};