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