随着 JavaScript 的发展和进步，ES6 引入了许多新的特性，其中包括默认参数和 rest 参数，这两个特性可以让我们的代码更加简洁、易于阅读和维护，本文将详细介绍这两个特性的使用方法。
默认参数
默认参数是指在定义函数时为参数设置默认值，当调用该函数时如果没有传入对应参数的值，则会使用默认值。默认参数的语法如下：
function someFunction(param1, param2 = defaultValue) {
// code here
}例如：
function greeting(name = 'World') {
console.log(`Hello, ${name}!`);
}
greeting(); // 输出：Hello, World!
greeting('John'); // 输出：Hello, John!上面的代码中，当没有传入参数时，name 参数将使用默认值 'World'，否则将使用传入的参数值。
默认参数的好处在于可以避免在函数内部进行参数值的判断和处理，提高代码的可读性和可维护性。
需要注意的是，使用默认参数时要注意参数顺序，如果要给第二个参数设置默认值，那么必须先给第一个参数传值，否则会报错。
rest 参数
rest 参数允许我们将多个参数转换为数组类型，并通过数组的方式进行操作。rest 参数的语法如下：
function someFunction(...params) {
// code here
}例如：
// javascriptcn.com 代码示例
function sum(...nums) {
let result = 0;
for (let num of nums) {
result += num;
}
return result;
}
console.log(sum(1, 2, 3, 4)); // 输出：10上面的代码中，sum 函数接收任意个数的参数，使用 rest 参数将这些参数转换为数组类型，然后使用循环对数组进行求和。
rest 参数的好处在于可以避免在函数内部进行参数个数的判断和处理，提高代码的可读性和可维护性。
需要注意的是，rest 参数只能在函数的最后一个参数位置上出现，而且只能有一个 rest 参数。
示例
下面是一个结合默认参数和 rest 参数的示例代码，用于计算某个人的 BMI 指数：
// javascriptcn.com 代码示例
function bmi(weight, height = 1.8) {
let h = height;
if (height > 3) {
h = height / 100;
}
return weight / (h * h);
}
function person(name, weight, ...params) {
let height;
if (params.length > 0) {
height = params[0];
}
return {
name: name,
weight: weight,
height: height,
bmi: bmi(weight, height),
};
}
console.log(person('张三', 75).bmi); // 输出：23.148148148148145
console.log(person('李四', 70, 170).bmi); // 输出：24.221453287197235
console.log(person('王五', 80, 1.6).bmi); // 输出：31.249999999999996上面的代码中，bmi 函数用于计算 BMI 指数，这里使用了默认参数 height = 1.8，如果未传入身高则默认为 1.8 米。person 函数用于创建一个人员信息对象，可以传入身高作为 rest 参数，如果未传入身高则默认为 undefined。
总结
ES6 中的默认参数和 rest 参数可以让我们的代码更加简洁、易于阅读和维护，在函数定义和调用过程中提高了代码的可读性和可维护性，应该得到更广泛的应用。希望本文对你有所帮助，也欢迎你分享你的想法和意见。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65378c247d4982a6eb0187d7