前言
在 JavaScript 中，promise 是一种非常常见的异步编程方式。然而，promise 编程也存在一些问题，其中一个最常见的问题就是错误堆栈不够清晰明了。当 promise 链中出现错误时，错误堆栈可能会变得非常深，很难追踪到问题的根本原因。在 ES7 中，Promise.prototype.finally() 方法被引入，可以帮助我们解决这个问题。
Promise.prototype.finally() 方法
Promise.prototype.finally() 方法在 promise 链中的最后一个 then() 方法之后执行，无论 promise 链是否成功都会执行。它接受一个回调函数作为参数，这个回调函数不接受任何参数，也不返回任何值。当 promise 链中出现错误时，promise.prototype.finally() 方法也会被执行，因此它可以用来处理一些清理工作，比如关闭资源、取消订阅等等。
使用 Promise.prototype.finally() 改善 promise 编程的错误堆栈
在 promise 链中，如果一个 then() 方法抛出了一个错误，那么该错误将被传递到下一个 catch() 方法中。如果 catch() 方法也抛出了一个错误，那么该错误将被传递到下一个 catch() 方法中。这样一直传递下去，直到最后一个 catch() 方法，这个错误堆栈可能会非常深，很难追踪到问题的根本原因。
使用 Promise.prototype.finally() 方法可以改善这个问题。因为 Promise.prototype.finally() 方法总是在 promise 链中的最后一个 then() 方法之后执行，所以无论是否出现错误，它都将被执行。这样，我们就可以在 Promise.prototype.finally() 方法中打印出错误信息，以便更好地追踪错误的根本原因。
下面是一个示例代码：
// javascriptcn.com 代码示例
function fetchUser() {
return fetch('/api/user')
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.then(data => {
console.log(data);
})
.catch(error => {
console.error(error);
throw error;
})
.finally(() => {
console.log('fetchUser() completed');
});
}在这个示例代码中，当 fetch() 方法返回的 response 不是 ok 时，将会抛出一个错误。这个错误将被捕获并打印到控制台中。然后，它将被重新抛出，以便在后续的 catch() 方法中处理。最后，在 Promise.prototype.finally() 方法中，我们打印了一个消息，以表示 fetchUser() 方法已经完成了。
总结
Promise.prototype.finally() 方法是 ES7 中的一个新特性，它可以帮助我们改善 promise 编程中的错误堆栈问题。使用 Promise.prototype.finally() 方法，我们可以在 promise 链中的最后一个 then() 方法之后执行一些清理工作，同时打印出错误信息，以便更好地追踪错误的根本原因。如果你在使用 promise 编程时遇到了错误堆栈不清晰的问题，那么可以尝试使用 Promise.prototype.finally() 方法来改善这个问题。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/657fb817d2f5e1655da93120