在 JavaScript 中，函数参数是非常常见的操作。ES6 中，JavaScript 引入了新特性——函数参数数组化，可以轻松地将所有参数封装为一个数组。本文将介绍 ES6 中函数参数数组化的使用方法、意义及实战应用，让你更好地掌握该特性。
函数参数的基础
在 JavaScript 中，函数的参数通常是以逗号分隔的一组值，可以在函数定义中指定形参，也可以在函数调用时传递实际参。例如：
function add(a, b) {
return a + b;
}
console.log(add(1, 2)); // 输出: 3在函数定义中，函数的形参列表开头是一个左括号，括号内包含由一组逗号分隔的形参。形参是本地变量，在将函数调用到实现的整个过程中，这个本地变量的值会变化为传递进来的实参值。
在 ES6 中，我们可以使用函数参数数组化，使函数参数变得更加灵活。
函数参数数组化可以将一个函数的所有参数打包成一个数组，并将其传递给函数。函数参数数组化使用了扩展运算符（spread operator） …，可以将一个可遍历的对象中的元素展开成一个数组。例如：
// javascriptcn.com 代码示例
function add(...numbers) {
let sum = 0;
for (let number of numbers) {
sum += number;
}
return sum;
}
console.log(add(1, 2, 3)); // 输出: 6在上面的例子中，我们可以使用 ...numbers 将所有实参包装成一个数组，并在函数中使用 for of 循环遍历该数组，取到数组中的每一个元素。
它包含以下优点：
增加灵活性：使用函数参数数组化，可以将函数的参数灵活性提高到极致。你只需用一个参数，不用管有多少个参数，都可以自动转换为数组，使用时再去遍历这个数组，简洁又高效。
提高代码可读性：函数参数数组化可以使代码更清晰，易于阅读。
实战应用
函数参数数组化可以应用于很多情况，下面我们看几个具体的实例。
计算数组中的最大值
function max(...numbers) {
return Math.max(...numbers);
}
console.log(max(1, 5, 3, 4, 6, 2)); // 输出: 6在上面的例子中，我们使用了函数参数数组化，将所有实参封装成数组 numbers，然后使用扩展运算符 ... 展开数组，用 Math.max() 取到数组中的最大值。
字符串组合
function concat(separator, ...args) {
return args.join(separator);
}
console.log(concat('|', 'apple', 'banana', 'cherry')); // 输出: "apple|banana|cherry"在上面的例子中，我们使用了函数参数数组化，将所有实参封装成数组 args，然后使用 join() 方法将这些字符串组合起来，并用 separator 参数将它们分隔开来。
传递参数
// javascriptcn.com 代码示例
function createPerson(name, age, ...restParam) {
return {
name: name,
age: age,
...restParam,
}
}
console.log(createPerson('Tom', 18, { gender: 'male', address: 'China' }));
// 输出: { name: 'Tom', age: 18, gender: 'male', address: 'China' }在上面的例子中，我们使用了函数参数数组化，将所有实参封装成数组 restParam，然后将其作为对象的属性返回。
总结
本文介绍了 ES6 中函数参数数组化的使用方法，包括其优点和实战应用。通过学习，我们了解了使用函数参数数组化可以大大提高代码可读性，减少代码量，同时具有高度的灵活性。在实际开发中，我们可以根据具体的需求来灵活地应用该特性，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6545f34d7d4982a6ebfaace6