ES7 为 JavaScript 提供了更加简洁和灵活的函数参数语法,这使得函数的定义和调用更加自然和易读。本文介绍了 ES7 函数参数的新特性,包括:
- 参数默认值
- 剩余参数
- 属性名称缩写
参数默认值
在 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