JavaScript含默认参数、剩余参数的函数如何跳过默认参数传值

JavaScript 函数传参默认是严格按位置匹配的，原生不支持调用时通过写参数名=值的方式指定传参位置。
测试写法manyParams(a=1, n="John", "Stacy", "Mike", "Bob", "carly")里，括号内的a=1、n="John"根本不是命名传参语法，只是普通的赋值表达式：

• 第一个表达式a=1的返回值是1，匹配第一个位置的参数a，这部分结果符合预期
• 第二个表达式n="John"的返回值是字符串"John"，直接匹配第二个位置的参数b，完全不会触发b的默认值
• 后面剩下的4个参数自然被收集到剩余参数n中，就出现了b被赋值为"John"、n长度为4的不符合预期的结果

JavaScript 中只有当对应参数位置传入的值为undefined时，才会触发该参数的默认值，null、空字符串这类假值都不会触发默认值逻辑。
要满足「使用b的默认值，同时让"John"成为剩余参数n的首个元素」的需求，只需要在b对应的第二个参数位显式传入undefined即可：

// 正确调用写法
manyParams(1, undefined, "John", "Stacy", "Mike", "Bob", "carly");

执行该调用的输出完全符合预期：

• a匹配第一个位置的1，输出1
• b匹配第二个位置的undefined，触发默认值1，输出1
• 从第三个位置开始的5个参数全部被收集到剩余参数数组n中，n.length为5，首个元素就是"John"

如果函数参数多、可选参数位置靠后，每次显式传undefined比较麻烦，可以把参数设计为对象解构的形式，实现类似命名传参的效果，不用关心参数位置：

// 对象解构+默认值写法
function manyParams({a, b = 1, n = []} = {}) {
    console.log(JSON.stringify(a));
    console.log(JSON.stringify(b));
    console.log(n.length);
}

// 调用时直接指定需要传的字段即可，跳过b就会自动用默认值
manyParams({
    a: 1,
    n: ["John", "Stacy", "Mike", "Bob", "carly"]
});

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