JavaScript中如何正确传递可选/默认参数？代码调用异常解析

为什么实际输出和预期不符？ #

JavaScript 不支持直接通过 参数名=值 的方式传递指定位置的默认参数，你写的 demo(1,2,3,e=5) 里的 e=5 本质是一条赋值语句——先把变量 e 赋值为5，再把这个值作为第四个位置参数传递给函数，对应到 demo 的参数就是 d=5，而 e 因为没有被传递对应位置的参数，依然使用默认值2，f 也用默认值3，所以实际输出是 1 2 3 5 2 3，和你的预期不符。

正确传递指定默认参数的方法 #

方法1：用undefined跳过未指定的参数 #

如果只想修改后面的某个默认参数，前面的默认参数可以传undefined，让函数使用其预设的默认值：

function demo(a,b,c,d=1,e=2,f=3){
    console.log(a,b,c,d,e,f);
}
demo(1,2,3, undefined, 5); 
// 输出：1 2 3 1 5 3

这里第四个参数传undefined，函数会自动使用d的默认值1，第五个参数5对应e，最终输出符合预期。

方法2：使用对象解构传递（推荐） #

把函数参数改成对象解构的形式，这样可以直接指定需要修改的参数名，完全无需关心参数顺序：

function demo({a, b, c, d=1, e=2, f=3} = {}){
    console.log(a,b,c,d,e,f);
}
demo({a:1, b:2, c:3, e:5}); 
// 输出：1 2 3 1 5 3

给函数传入一个包含指定键值的对象，未指定的d和f会自动使用预设的默认值，这种方式逻辑更清晰，尤其当函数参数较多时，能有效避免位置传递的错误。

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