JavaScript 是一门动态类型的脚本语言，可应用于 Web 开发、移动端应用、桌面应用等多个领域。在 JavaScript 中，函数是一等公民，它们是将程序拆分为小块和封装代码的基础工具。ES2019 增加了一些函数功能和语法糖，使函数更加强大和易于使用。本文将详细介绍 ES2019 中的 JavaScript 函数方式，包括箭头函数、默认参数、可选链和 Async/Await。
箭头函数
箭头函数是 ES6 中引入的函数类型。它们是简洁、隐式并具有 this 绑定的函数。在 ES2019 中，箭头函数的语法得到了扩展。以下是箭头函数的基本语法：
----- -------- - --- -- -- - - --
箭头函数的主体可以是一个表达式或一个块语句。箭头后面的括号是可选的，如果函数只有一个参数，则可以省略。
在 ES2019 中，可以使用箭头函数创建具有词法作用域和绑定 this 对象的方法。例如，以下代码创建了一个对象和一个使用箭头函数定义的方法：
--- ------ - -
----- -------
--------- -- -- -
------------------- -- ---- -- ---------------
-
--箭头函数中的 this 关键字绑定到创建对象时的对象上下文。在此示例中，this.name 的值将是 undefined。
默认参数
在 ES2015 中，我们引入了默认函数参数的概念。ES2019 扩展了默认参数的语法，允许我们为函数的参数指定默认值。例如，以下是一个使用默认参数的示例：
-------- ---------- - -------- - ------------------- ----------- -
在上面的示例中，如果没有传递名称参数，则默认为 world。
默认参数可以与解构一起使用，以提供可选性和默认值。以下是一个将默认参数与解构一起使用的示例：
-------- -------------- ---- - ------------ --- - - - - --- - ------------------ -------- ---- --------- -
showUserInfo 函数接受一个包含名称和年龄属性的对象。如果未传递对象，则将使用空对象。如果对象缺少 name 或 age 属性，则将使用默认值。
可选链
可选链是一个新的 ECMAScript 提案，允许我们在访问可能不存在的嵌套对象属性或方法时安全地使用点 “.” 标记。如果属性或方法不存在，则表达式的结果将是 undefined。以下是一个使用可选链的示例：
--- ------ - -
----- -------
-------- -
----- ---- -----
-
--
--- -------- - ---------------------在上面的示例中，我们使用可选链访问 person 对象的 address 属性，即使 address 不存在，cityName 的值也将为 undefined。
Async/Await
Async/Await 是 ES2017 中引入的一种异步编程方法，它已被广泛采用，并在 ES2019 中进行了改进。Async 函数返回一个 Promise 对象，并自动将函数主体中的普通函数调用转换为 Promise 对象。例如，以下是一个使用 Async/Await 的示例：
----- -------- ----------- - --- -------- - ----- -------------------------------------- --- ---- - ----- ---------------- ------ ----- -
在上面的示例中，fetchUser 函数异步 获取 JSON 数据，使用 await 关键字等待 fetch 和 json 方法的完成。
Async 函数提供错误处理机制，允许在 try-catch 块中处理异步代码中的错误。例如：
----- -------- ----------- -
--- -
--- -------- - ----- --------------------------------------
------ ----- ----------------
- ----- ----- -
--------------------- -- -------------
-
-在上述示例中，我们处理 fetch 操作的错误，并输出到控制台。
结论
ES2019 的 JavaScript 函数方式使函数更加强大和易于使用。箭头函数和默认参数使函数定义更加简洁，可选链允许我们在处理属性和方法时更加容错，而 Async/Await 可以轻松处理异步代码中的错误。 学习和掌握这些 JavaScript 函数方式有助于改善代码质量和开发效率。
参考文献：
[1] https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/this [2] https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions [3] https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining [4] https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/async_function
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/66f74de0c5c563ced594cf62