在 JavaScript 语言中，函数是一个非常重要且常见的概念，它可以让我们封装可重用的代码片段，是程序实现逻辑的基石。在 ES6 及其之后的版本中，我们可以使用一些新的语法来定义函数，这些新语法不仅提高了代码可读性和编写效率，还优化了函数的执行效率。本文将会详细介绍 ES6~ES9 间的函数定义差别，并提供相关示例代码。
ES6: 箭头函数
ES6 中最大的创新之一就是箭头函数 (arrow functions)。这种函数定义方式极其简洁，而且不需要使用 function 关键字，可以自动绑定执行环境，因此非常适合在回调函数和高阶函数中使用。
箭头函数的语法如下：
// 使用箭头函数定义一个加法函数 const add = (a, b) => a + b;
使用箭头函数来编写简单的函数是非常方便的，它省略了一些冗余的东西，不过也有很多限制。首先，箭头函数自身并没有 this 对象，而 this 的值来自于函数定义时所处的执行环境。另外，箭头函数也没有自己的 arguments 对象，只能访问其所处函数的 arguments 对象。因此，箭头函数适用于一些比较简单的逻辑处理上。
ES7: 函数参数默认值
在 ES7 中可以为函数的参数提供默认值，这样在调用函数时如果没有传入某些参数，就可以使用默认值而不是报错。
// 使用函数参数默认值定义一个加法函数 const add = (a = 0, b = 0) => a + b;
在上面的示例中，如果没有传入参数 a 或 b，它们将会使用默认值 0。
ES8: 异步函数
异步函数 (async functions) 提供了一种更高效的方式来处理异步操作，以及更优雅的语法来处理 Promise 链的异步操作。
异步函数的语法如下：
async function func() {
// ...
}异步函数可以跑在 event loop 的一个新的微队列中，这就保证了它们不会阻塞主线程。同时它们在 Promise 链的语法上也非常优雅：
-- -------------------- ---- -------
----- -------- ------------ -
--- -
----- -------- - ----- -----------
----- ---- - ----- ----------------
------ -----
- ----- ------- -
-------------------
-
-在上面的示例中，我们通过 await 关键字等待 Promise 对象的解决，并将返回值赋值给变量 data。如果 Promise 对象被拒绝，就会直接跳到 catch 块中进行错误处理。
ES9: 剩余参数
在 ES9 中，我们可以使用剩余参数 (rest parameters) 语法来处理函数参数中的剩余部分，这个特性也被称为“不定参”。
下面是一个剩余参数的示例：
function sum(...args) {
return args.reduce((a, b) => a + b);
}在上面的示例中，我们通过在参数中使用 ... 语法来定义一个名为 args 的数组，用它来存储不定数量的参数。
总结
函数的定义是 JavaScript 中最重要的语法之一。ES6 及其之后的版本中的新语法，可以更加简洁、有助于提升代码的可读性、编写效率和性能优化。虽然函数定义方式的变化不会影响函数的基本实现，但是对于开发者而言，掌握这些语法仍然能够提高代码的质量和效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6493b89748841e9894155239