使用剩余参数提升函数适配性：复杂场景下的选型疑问

我是一名编程新手，在尚未明确所有变量类型/参数时，常使用剩余参数（...args）来保持函数的适配性。我希望深入了解它在复杂场景中的用法，或者确认它是否适用于这类场景。

已知参数时，可使用如下函数将最大值设为第一个参数：

function maxFirst1(min, max) { 
    if (min > max) {
        const temp = min;
        min = max;
        max = temp;
    }
}

参数未知时，使用(...args)作为占位符的实现：

function maxFirst2(...args) {
    if (args.length <= 2) {
        //min & max tied to variables

        let min = args[0];
        let max = args[1];
        if (min > max) {
            const temp = min;
            min = max;
            max = temp;
        }
    }
}

另一种方案是使用array.sort：

let arraySort = args.sort(compareFn);
  
function compareFn(a, b) {
    return b - a;
}

我在开发初期因素未明确时会使用这些方案，二者效果一致。从扩展性、调试、未来兼容等角度来看，maxFirst2是否更优？或者结合剩余参数使用时array.sort类数组方法始终更好？亦或是剩余参数本就不适用于这类场景？

1. 剩余参数的适用场景 #

剩余参数...args本身完全适用于参数数量不确定的场景，但要匹配你的实际需求：

• 如果核心需求始终是处理「最多两个数值，确保第一个是最大值」，maxFirst2的设计就有点冗余——用了剩余参数却只限制处理2个参数，反而浪费了它的扩展性。
• 如果未来可能需要处理更多数值（比如传入3个及以上，要把最大值放到首位），剩余参数的设计就有提前铺垫的价值。

2. 两种方案的优劣对比 #

（1）maxFirst2方案

• 扩展性：当前仅处理2个参数，但框架上支持扩展到多参数（比如后续遍历args找最大值放到首位）。不过目前代码里的args.length <=2是硬限制，扩展前得先修改这个条件。
• 调试友好性：逻辑直白，变量命名清晰，调试时能快速定位交换逻辑的问题，报错信息也更容易关联到具体变量。
• 兼容性：剩余参数是ES6标准特性，现在所有主流浏览器和Node.js版本都支持，未来也不会被废弃，兼容问题无需担心。

（2）array.sort方案

• 扩展性：天然支持任意数量的参数，调整排序逻辑（比如改升序、处理非数值类型）就能适配更多场景。但要注意Array.sort()是原地修改数组的，会改变原args的内容，如果后续还要用到原参数顺序，会出问题。
• 调试友好性：逻辑相对抽象，新手容易忽略排序的原地修改特性，出现意料之外的数组变化。如果参数不是数值类型，compareFn逻辑出错时，排查难度比直接交换更高。
• 兼容性：Array.sort()是ES3特性，兼容性比剩余参数更好，但结合剩余参数使用时，还是要遵循ES6的兼容要求（现在基本不用纠结这个）。

3. 优化建议 #

• 如果确定只处理2个参数：直接用maxFirst1的明确参数写法，代码更清晰，调用时IDE能给出参数提示避免传错，调试和维护成本更低。
• 如果未来可能处理多参数：基于剩余参数做优化，直接找出最大值放到首位，比排序更高效（排序时间复杂度O(n log n)，找最大值是O(n)）：

function maxFirst(...args) {
  if (args.length === 0) return args;
  const maxIndex = args.reduce((maxIdx, curr, idx) => curr > args[maxIdx] ? idx : maxIdx, 0);
  // 交换最大值和第一个元素
  [args[0], args[maxIndex]] = [args[maxIndex], args[0]];
  return args;
}

• 如果用排序方案，记得避免原地修改问题，先复制数组：

const sortedArgs = [...args].sort((a, b) => b - a);

内容的提问来源于stack exchange，提问作者hifilo