前言
ECMAScript 2021（ES12）是 JavaScript 的最新版本，它引入了一些新的特性，其中包括一些函数式编程的新特性。函数式编程是一种编程范式，它强调使用函数来进行计算和数据流转，而不是使用对象和状态。这种编程范式在现代的 Web 开发中越来越受欢迎，因为它可以提高代码的可读性、可维护性和可测试性。在本文中，我们将介绍 ECMAScript 2021 中函数式编程的新特性，并提供一些示例代码。
箭头函数的 this 绑定
在 ECMAScript 2021 中，箭头函数的 this 绑定发生了改变。在以前的版本中，箭头函数没有自己的 this，它的 this 继承自它所在的上下文。在 ES12 中，箭头函数的 this 绑定变为了静态的，即它的 this 绑定在函数定义时确定，而不是在函数调用时确定。这样做的好处是可以避免 this 绑定的问题，使代码更加可靠和易于维护。以下是一个示例：
-- -------------------- ---- -------
----- --- - -
------ ---
--------- ---------- -
----- --------- - -- -- -
------------------------
--
------------
-
--
--------------- -- -- --在这个示例中，箭头函数 arrowFunc 的 this 绑定在函数定义时确定为 obj，因此它可以访问到 obj 中的 value 属性。
Promise.allSettled
在 ES12 中，Promise.allSettled 方法被引入，它可以接受一个 Promise 数组，并返回一个新的 Promise，这个 Promise 在所有的 Promise 都已经 settled（已经 fulfilled 或 rejected）时才会 settled。返回的 Promise 的结果是一个数组，数组中包含了每个 Promise 的结果，不管它是 fulfilled 还是 rejected。以下是一个示例：
-- -------------------- ---- ------- ----- -------- - - -------------------------- ---------- ------------------------ --------- -- ----------------------------------------- -- - --------------------- --- -- --- -- - -- - ------- ------------ ------ ---------- -------- -- -- - ------- ----------- ------- --------- -------- - -- -
在这个示例中，我们创建了一个包含一个 fulfilled Promise 和一个 rejected Promise 的数组。调用 Promise.allSettled 方法后，返回的 Promise 在两个 Promise 都 settled 后才 settled。结果数组包含了两个 Promise 的结果，即使其中一个 Promise 被 rejected 了。
可选链操作符
在 ES12 中，可选链操作符（Optional Chaining Operator）被引入，它可以用来解决访问对象属性或方法时可能出现的 undefined 或 null 引用错误。可选链操作符的语法是 ?.，它可以用在对象属性、数组元素和函数调用中。以下是一个示例：
-- -------------------- ---- -------
----- --- - -
---- -
---- -
---- ------ ------
-
-
--
-------------------------------- -- -- ------ ------
----- --- - --- -- ---
---------------------- -- -- ---------
----- ---- - --------------------
-- ------ -
-------
-在这个示例中，我们使用可选链操作符来访问嵌套的对象属性和函数。如果某个属性或函数不存在，可选链操作符会返回 undefined，而不是抛出错误。
总结
ECMAScript 2021 中引入了一些新的函数式编程特性，包括箭头函数的 this 绑定、Promise.allSettled 方法和可选链操作符。这些特性可以使代码更加可靠、易于维护和可测试。如果你正在学习 JavaScript 或者想要提高你的 JavaScript 技能，那么你应该学习这些新特性，并尝试在你的项目中使用它们。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6576af7ad2f5e1655d00c2ff