ES9 中的 Rest 参数

在 JavaScript 的新标准 ECMAScript 2018（ES9）中，引入了 Rest 参数的新特性。Rest 参数主要用于函数的参数列表中，用来表示一个不定数量的参数，将其转换为一个数组。

Rest 参数的基本语法

在函数的参数列表中使用三个点（...）来表示 Rest 参数，例如：

// javascriptcn.com 代码示例
function sum(...numbers) {
  let result = 0;
  for(let i = 0; i < numbers.length; i++) {
    result += numbers[i];
  }
  return result;
}

console.log(sum(1, 2, 3, 4, 5)); // 输出 15

上面的代码中，sum 函数的参数列表中使用了 Rest 参数 ...numbers，将传入函数的所有参数转换为一个数组。

Rest 参数和 arguments 对象的区别

在以前的 JavaScript 版本中，我们可以使用 arguments 对象来表示一个不定数量的参数。arguments 对象是一个类数组对象，可以通过下标访问其中的参数。但是，arguments 对象并不是一个真正的数组，缺少一些数组的方法和属性，例如 forEach、map、reduce 等。

使用 Rest 参数可以解决 arguments 对象的一些问题，例如：

• Rest 参数是一个真正的数组，具有数组的所有方法和属性。
• Rest 参数可以与其他参数一起使用，而 arguments 对象只能单独使用。

下面的代码演示了 Rest 参数和 arguments 对象的区别：

// javascriptcn.com 代码示例
function testRestArgs(a, b, ...restArgs) {
  console.log(a); // 输出 1
  console.log(b); // 输出 2
  console.log(restArgs); // 输出 [3, 4, 5]
}

function testArguments(a, b) {
  console.log(a); // 输出 1
  console.log(b); // 输出 2
  console.log(arguments[2]); // 输出 3
  console.log(arguments[3]); // 输出 4
  console.log(arguments[4]); // 输出 5
}

testRestArgs(1, 2, 3, 4, 5);
testArguments(1, 2, 3, 4, 5);

Rest 参数的应用场景

Rest 参数可以用在多种场景下，例如：

1. 函数的参数不确定

当函数的参数个数不确定时，可以使用 Rest 参数来获取所有传入的参数，并将其转换为一个数组。

function max(...numbers) {
  return Math.max(...numbers);
}

console.log(max(1, 2, 3, 4, 5)); // 输出 5

2. 参数解构

Rest 参数可以与解构赋值结合使用，用来获取对象或数组中的剩余元素。

const { a, b, ...rest } = { a: 1, b: 2, c: 3, d: 4 };
console.log(rest); // 输出 { c: 3, d: 4 }

const [a, b, ...rest] = [1, 2, 3, 4, 5];
console.log(rest); // 输出 [3, 4, 5]

3. 函数参数的默认值

Rest 参数可以与默认值结合使用，用来设置函数参数的默认值。

// javascriptcn.com 代码示例
function sum(a, b = 0, ...rest) {
  let result = a + b;
  for(let i = 0; i < rest.length; i++) {
    result += rest[i];
  }
  return result;
}

console.log(sum(1)); // 输出 1
console.log(sum(1, 2)); // 输出 3
console.log(sum(1, 2, 3, 4, 5)); // 输出 15

总结

Rest 参数是 ECMAScript 2018 中的一个新特性，用来表示函数的不定数量参数，并将其转换为一个数组。它可以替代以前使用的 arguments 对象，并且可以与解构赋值和默认值结合使用，具有广泛的应用场景。在编写 JavaScript 函数时，可以考虑使用 Rest 参数来提高代码的可读性和可维护性。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/657bc5bed2f5e1655d66f14a