es6函数之rest参数用法实例分析

本文实例讲述了es6函数之rest参数用法。分享给大家供大家参考，具体如下： es6引入rest参数(形式为 …变量名)，用于获取函数的多余参数，这样就不需要使用arguments对象了，rest参数搭配的变量是一个数组，该变量将多余的参数放入数组中。 function add (...values) { let sum = 0; for (var val of values) { sum += val } return sum } add(2, 3, 5) // 10 上面代码的add函数是一个求和函数，利用rest参数，可以向该函数传入任意数目的参数。 下面是一个rest参数 在ES6（ECMAScript 2015）中，`rest`参数是一个非常重要的特性，它使得处理函数参数变得更加灵活和简洁。`rest`参数的语法格式为 `...变量名`，它允许我们将不定数量的参数作为一个数组来捕获。这种特性避免了之前广泛使用的 `arguments` 对象，`arguments` 虽然也能获取所有函数参数，但它不是一个真正的数组，而是一个类数组对象。 例如，在以下的 `add` 函数中，`...values` 是一个 `rest` 参数，它将所有传入的额外参数收集到一个名为 `values` 的数组中： ```javascript function add(...values) { let sum = 0; for (var val of values) { sum += val; } return sum; } add(2, 3, 5); // 返回 10 ``` 在这个例子中，`add` 函数可以接收任意数量的参数，然后通过遍历 `values` 数组求它们的和。`rest` 参数使得函数更加通用，不再局限于固定数量的参数。 使用 `rest` 参数可以替代 `arguments` 变量，例如在排序数字的函数中： ```javascript // 使用 arguments function sortNumbers() { return Array.prototype.slice.call(arguments).sort(); } // 使用 rest 参数 const sortNumbers = (...numbers) => numbers.sort(); ``` `sortNumbers` 函数使用 `rest` 参数 `...numbers` 时，我们无需再像使用 `arguments` 那样进行类型转换，因为 `numbers` 直接就是一个数组，可以直接调用 `sort` 方法。 此外，`rest` 参数也可以方便地模拟其他数组方法，如 `push`： ```javascript function push(array, ...items) { items.forEach(item => { array.push(item); }); } var a = []; push(a, 1, 2, 3); ``` 这个 `push` 函数接受一个数组 `array` 和任意数量的元素 `items`，并将这些元素添加到 `array` 中。由于 `items` 是一个数组，我们可以直接使用 `forEach` 进行迭代。 需要注意的是，`rest` 参数必须是函数中最后一个参数，否则会导致语法错误。例如： ```javascript function f(a, ...b, c) { // 报错 // ... } ``` 函数的 `length` 属性不包含 `rest` 参数，因此以下函数的 `length` 分别为： ```javascript (function (a) {}).length; // 1 (function (...a) {}).length; // 0 (function (a, ...b) {}).length; // 1 ``` 理解并熟练使用 `rest` 参数能够提升代码的可读性和可维护性，同时减少对 `arguments` 对象的依赖。在编写函数时，如果需要处理不定数量的参数，`rest` 参数是一个非常实用的工具。在JavaScript编程中，了解和掌握这一特性对于编写高效且易于理解的代码至关重要。