共计 2136 个字符，预计需要花费 6 分钟才能阅读完成。
不定参数
如何实现不定参数
使用过 underscore.js 的人，肯定都使用过以下几个方法：
_.without(array, *values) // 返回一个删除所有 values 值后的 array 副本
_.union(*arrays) // 返回传入的 arrays（数组）并集
_.difference(array, *others)// 返回来自 array 参数数组，并且不存在于 other 数组
…
这些方法都有一个共同点，就是可以传入不定数量的参数，例如，我想删除掉 array 中的 value1，value2，可以这样使用 , _.without(array,value1,value2);
那么，这个需要怎样才能做到呢？
我们知道，js 中 function 里面，有一个 arguments 参数，它是一个类数组，里面包含着调用这个方法的所有参数，所以可以这样处理：
_.without = function() {
if (arguments.length > 0) {
var array = arguments[0];
var values = [];
for (var i = 1; i < arguments.length; i++) {
values.push(arguments[i]);
}
// 这样得到了 array，和 values 数组，便可以进一步处理了
}
};
上面只是打个比方，想要支持不定参数，我们要做的就是把固定参数和动态参数从 arguments 中分离出来。但是，我们这样写的话，需要在每个支持不定参数的函数里，都 copy 这样一段代码，这样实在不是很优雅。所以需要封装成一个通用的函数。我们直接看看 underscore 是封装的好了。
restArgs 源码
var restArgs = function(func, startIndex) {
//startIndex , 表示几个参数之后便是动态参数
startIndex = startIndex == null ? func.length – 1 : +startIndex;
return function() {
var length = Math.max(arguments.length – startIndex, 0);
// 处理 arguments，将动态参数保存进 rest 数组
var rest = Array(length);
for (var index = 0; index < length; index++) {
rest[index] = arguments[index + startIndex];
}
// 处理 0,1,2 三种情况，这里要单独处理，是想优先使用 call，因为，call 的性能比 apply 要好一点
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 不是 0,1,2 三种情况，则使用 apply 调用方法，将 args 作为参数，args 将为数组 [固定参数 ,rest];
var args = Array(startIndex + 1);
for (index = 0; index < startIndex; index++) {
args[index] = arguments[index];
}
args[startIndex] = rest;
return func.apply(this, args);
};
};
// 这里 without 主要的逻辑处理方法，作为参数，传给 restArgs，在 restArgs 中处理完参数后，使用 call 或 apply 调用逻辑处理方法
// 这时候接受到参数 otherArrays，已经是一个数组了，包含了之前的动态参数。
_.without = restArgs(function(array, otherArrays) {
// 处理 without 具体事件
});
underscore.js 中利用 js 高级函数的特性，巧妙的实现了动态参数
如果要使某函数支持不定参数，只需要将该函数作为参数，传入 restArgs 中即可, 例如：
function addByArray(values) {
var sum = 0;
for (var i = 0; i < values.length; i++) {
sum += values[i];
}
return sum;
}
var add = restArgs(addByArray);
// 调用：
addByArray([2, 5, 3, 6]); //16
add(2, 5, 3, 6); //16
ES6 不定参数 (…)
ES6 引入了 rest 参数，（形式为 ”… 变量名 ”），用于获取多余参数，这样就不需要使用 arguments 对象来实现了
function add(…values) {
let sum = 0;
for (var val of values) {
sum += val;
}
return sum;
}
add(2, 5, 3); // 10
总结
在 underscore 中，restArgs 只是为了支持不定参数。实际使用中，也许我们都是直接使用 ES6，或用 babel 将 ES6 转成 ES5 来支持不定参数
不过，如果是在非 es6 的环境下，知道有这么一种实现方式，也是挺好的。
：）
