什么是 Promise？
Promise 是 JavaScript 中的一种非常常见的编程模式，它的本质是一种异步编程的解决方案。Promise 可以将异步操作封装成一个对象，通过链式调用的形式组织代码，使得代码更加清晰易于维护。
ECMAScript 2020 带来了哪些新特性？
ECMAScript 2020 在语言层面上带来了一些新的特性，其中最受欢迎的特性之一是可选链操作符。可选链操作符可以让我们更加方便地操作对象的深层属性，避免了在访问属性时出现的错误。比如，我们可以用以下代码调用对象的属性：
let user = {
name: 'John',
address: {
city: 'New York'
}
};
let city = user && user.address && user.address.city;这里我们为了避免 user 或者 address 为空时出现错误，使用了 && 运算符来判断这些属性是否存在。而在 ECMAScript 2020 中，我们可以使用可选链操作符来达到同样的效果：
let city = user?.address?.city;
这样的代码更加简洁易懂。
除了可选链操作符外，ECMAScript 2020 还带来了许多其他的新特性，如 Promise.allSettled、字符串匹配的 s 模式和 BigInt 类型，这些特性都可以在 Promise 编程中得到应用。
Promise 中的应用
在 Promise 编程中，我们经常需要进行异步操作，即发起一个异步请求，等待服务器响应后再进行下一步操作。在这个过程中，我们需要使用 Promise 对象来确保异步操作的有序性。
在 ECMAScript 2020 中，Promise 对象有了一些新的应用。比如，在调用 Promise.all 方法时，我们希望有一些 Promise 对象失败时，依然能够获得成功的 Promise 对象的结果。在之前的版本中，我们可能需要一些额外的代码来处理失败的 Promise 对象。而在 ECMAScript 2020 中，我们可以使用 Promise.allSettled 方法来实现这个需求。以下是一个示例代码：
// javascriptcn.com 代码示例
const promises = [
fetch('/api/endpoint1'),
fetch('/api/endpoint2'),
fetch('/api/endpoint3'),
];
Promise.allSettled(promises)
.then(results => {
results.forEach(result => {
if (result.status === 'fulfilled') {
console.log(result.value);
} else {
console.error(result.reason);
}
});
});在这个代码中，我们使用 Promise.allSettled 方法来处理多个 Promise 对象。该方法返回的 Promise 对象会在所有的 Promise 对象都执行完毕后被 resolve。在 then 方法中，我们遍历了所有 Promise 对象的执行结果，并根据其状态进行不同的处理。这样，即使某一个 Promise 对象出现错误，也不会对整个代码产生影响。
另外，我们还可以使用可选链操作符来优化 Promise 的调用，比如在 Promise 的 then 方法中：
function getData() {
return fetch('/api/data')
.then(response => response.json())
.then(data => data?.value)
.catch(error => console.error(error));
}在这个代码中，我们使用可选链操作符来确保在 data 属性为空时不会报错。
总结
ECMAScript 2020 带来了许多新的语言特性，这些特性可以让我们更加方便地编写代码。在 Promise 编程中，我们可以使用这些特性来避免一些常见的错误，同时也可以让代码更加清晰易懂。
如果你想更深入地学习 ECMAScript 2020 中的新特性，可以阅读相关文档，查看示例代码，甚至自己尝试写一些新特性的代码。在实践中不断掌握新技术，才能在开发中更加得心应手。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6544919b7d4982a6ebe69f85