在前端开发中，函数是我们经常使用的工具。函数的参数传递是其使用的关键。但是当我们需要传递多个参数时，想要保持代码的可读性和简洁性却是一个挑战。而 ES9 中新增的 Rest 语法，可以让我们更方便地传递函数参数，让代码更加清晰易懂。
Rest 语法
Rest 语法是指允许我们将不确定数量的参数表示为一个数组。在函数定义的参数列表中使用三个点（...）将所有参数收集到一个数组中，可以根据需求对其进行操作。
下面是一个简单的例子，展示了 Rest 语法的使用：
function sum(...numbers) {
return numbers.reduce((acc, curr) => acc + curr); // 对传递进来的参数数组进行求和
}
console.log(sum(1, 2, 3)); // 6
console.log(sum(4, 5, 6, 7)); // 22在上例中，我们定义了一个名为 sum 的函数，并使用 Rest 语法来接受所有传入的参数，这些参数会被收集到一个名为 numbers 的数组中。使用 reduce 方法对参数数组进行求和操作，返回总和。
使用 Rest 简化参数传递
通常情况下，我们将参数以对象的形式传递给函数。使用 Rest 语法，可以更加轻松地解构参数对象，从而简化代码。下面是一个例子：
function printPersonInfo({ name, age, address }) {
console.log(`姓名：${name}，年龄：${age}，地址：${address}`);
}
const personInfo = {
name: '小明',
age: 23,
address: '浙江省杭州市'
};
printPersonInfo(personInfo); // 姓名：小明，年龄：23，地址：浙江省杭州市在上例中，我们定义了一个名为 printPersonInfo 的函数，它接受一个对象作为参数。使用 Rest 语法，我们将需要使用的属性进行解构，使代码更加简单易读。最后将解构后的对象输出。
这样，当参数对象拥有多个属性时，我们只需要对需要使用的属性进行解构，而不需要刻意避免传递不必要的属性。
深入理解 Rest 语法
随着学习的不断深入，我们还可以发现 Rest 语法在更多场景下的应用。
合并数组
Rest 语法不仅可以将不确定数量的参数收集到一个数组中，也可以将一个数组打散为多个参数。
const arr1 = [1, 2, 3]; const arr2 = [4, 5, 6]; const sum = (x, y, z) => x + y + z; console.log(sum(...arr1)); // 6 console.log(sum(...arr2)); // 15 console.log(sum(...[...arr1, ...arr2])); // 21
在上面的例子中，我们将两个数组 arr1 和 arr2 分别传递给 sum 函数，并将数组打散为多个参数。
快速拷贝数组
Rest 语法还可以用于快速地拷贝数组。
const arr1 = [1, 2, 3]; const arr2 = [...arr1]; arr1[0] = 4; console.log(arr1); // [4, 2, 3] console.log(arr2); // [1, 2, 3]
在上面的例子中，我们使用 Rest 语法将 arr1 数组快速拷贝到 arr2 数组中。
总结
ES9 中新增的 Rest 语法，可以让我们更方便地传递函数参数，让代码更加清晰易懂。通过学习本文中的内容，我们已经可以在函数参数的传递和对象解构方面，更加灵活和高效地使用这个语法。
当然，我们还可以通过不断探索和尝试，将 Rest 语法应用于更多的场景中，让我们的代码更加简洁易读。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65aa26acadd4f0e0ff3b668a