ES7 函数参数简介

ES7 为 JavaScript 提供了更加简洁和灵活的函数参数语法，这使得函数的定义和调用更加自然和易读。本文介绍了 ES7 函数参数的新特性，包括：

1. 参数默认值
2. 剩余参数
3. 属性名称缩写

参数默认值

在 ES7 中，函数可以使用默认值定义参数。这使得函数的调用更加简单和方便，因为参数的默认值可以减少参数数量。如果参数没有传递，将使用默认值。

function add(a, b=0) {
  return a + b;
}

console.log(add(1)); // 1
console.log(add(1, 2)); // 3

在上面的示例中，b 参数的默认值为 0。如果函数调用没有传递参数 b，则参数将被设置为默认值 0。

剩余参数

使用剩余参数语法，可以将其余的参数收集为一个数组。这种方式很容易处理可变参数函数的情况。

function multiply(multiplier, ...numbers) {
  return numbers.map(n => multiplier * n);
}

console.log(multiply(2, 1, 2, 3)); // [2, 4, 6]

在上面的示例中，剩余参数 ...numbers 可以收集所有传递的参数到一个数组中。然后，map() 方法对每个参数执行乘法操作，并返回一个数组。

属性名称缩写

在 ES7 中，函数参数的对象可以使用属性名称缩写。这使得创建对象字面量时更加简洁。

function createUser(name, email) {
  return {name, email};
}

const user = createUser('John Doe', 'john@example.com');

console.log(user); // {name: 'John Doe', email: 'john@example.com'}

在上面的示例中，函数 createUser() 返回一个包含姓名和电子邮件属性的对象字面量。属性名称缩写允许我们使用相同名称来创建对象。

总结

ES7 的新函数参数语法大大简化了函数定义和调用。参数默认值、剩余参数和属性名称缩写使代码更加简洁易读。开发人员应该采用这些新语法，以提高代码质量和效率。

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