ES8 新增的函数参数列表扩展-JavaScript中文网-JavaScript教程资源分享门户

在 ES8 中，新增了函数参数列表扩展，它可以帮助我们更加灵活地编写函数，提高函数的可读性和可维护性，本文将详细介绍 ES8 函数参数列表扩展的语法、用法和指导意义，并配有示例代码。

1. 函数参数列表扩展语法

在 ES8 中，函数参数列表扩展使用了三个新的语法：

1.1. Rest 参数

Rest 参数用于获取函数的剩余参数，以数组的形式返回。Rest 参数必须放在参数列表的最后一个位置，形如 ...rest。

例如，以下函数的 Rest 参数为 ...rest：

function myFunc(a, b, ...rest) {
  console.log(a); // 打印第一个参数
  console.log(b); // 打印第二个参数
  console.log(rest); // 打印剩余的参数数组
}

1.2. 默认参数

默认参数用于在函数调用时，没有传递参数值时，为参数设置默认值。默认参数必须放在参数列表的最后，形如 param = defaultValue。

例如，以下函数的默认参数为 param = defaultValue：

function myFunc(a, b, param = 'defaultValue') {
  console.log(param);
}

1.3. 对象解构参数

对象解构参数可以帮助我们从对象中解构出需要的参数，然后在函数内部使用。对象解构参数的语法形式为 {param1, param2, ...rest}。

例如，以下函数使用了对象解构参数：

function myFunc({a, b}) {
  console.log(a);
  console.log(b);
}

2. 函数参数列表扩展的用法

2.1. 使用 Rest 参数

Rest 参数可以处理变长的参数列表，这种情况下，函数定义的时候无法声明所有参数。通过 Rest 参数，我们可以轻松地获取剩余的参数并以数组的形式使用它们。比如，可以用 Rest 参数接收一个参数列表并将它们求和：

function sum(...rest) {
  return rest.reduce((a, b) => a + b, 0);
}

console.log(sum(1, 2, 3)); // 6
console.log(sum(4, 5, 6, 7)); // 22

2.2. 使用默认参数

默认参数可以为函数的参数设置默认值，这样在调用函数时，可以忽略某个参数。如果参数不传递值，则取默认值：

function greet(name = 'Jack') {
  console.log(`Hello, ${name}!`);
}

greet(); // Hello, Jack!
greet('Mike'); // Hello, Mike!

2.3. 使用对象解构参数

对象解构参数可以帮助我们从对象中解构出需要的参数，然后在函数内部使用。当我们需要从一个对象中取出多个属性时，可以使用对象解构参数：

function printUser({ name, age }) {
  console.log(`Name: ${name}; Age: ${age}`);
}

const user = { name: 'Tom', age: 24 };
printUser(user); // Name: Tom; Age: 24

3. 函数参数列表扩展的指导意义

ES8 新增的函数参数列表扩展，可以帮助我们更加灵活地编写函数，提高函数的可读性和可维护性。具体而言，函数参数列表扩展可以帮助我们：

处理变长的参数列表，无需声明所有参数；
为函数的参数设置默认值，并减少函数调用时的传参量；
从对象中解构出需要的实参，提高代码的可读性和灵活性。

4. 结论

ES8 新增的函数参数列表扩展，提供了处理变长参数列表、设置默认参数和对象解构参数的语法支持，这些功能对于提高函数的可读性和可维护性非常有用。我们应该在编写函数时，灵活地使用这些语法，并根据情况选用适当的函数参数列表扩展。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/66f4f8b3c5c563ced568aff9

ES8 新增的函数参数列表扩展