极客笔记JS Promise Finally
在JavaScript中，Promise对象是处理异步操作的一种方式。Promise对象表示一个异步操作的最终完成或失败及其结果值。在Promise对象中，我们可以使用then方法来处理成功的情况，使用catch方法来处理失败的情况。但是在ES2018中，还引入了一个新的方法finally，该方法允许我们在Promise执行结束后无论成功或失败都要执行的代码块。
使用finally方法
使用finally方法可以让我们在Promise执行结束后执行一些收尾工作，例如关闭打开的资源或者清理临时数据。finally方法接收一个函数作为参数，这个函数会在Promise执行结束后进行调用。下面是finally方法的基本语法：
promiseObject.finally(() => {
// 这里放置需要执行的收尾工作
});
下面我们来看一个示例，演示如何使用finally方法：
// 创建一个异步任务，1秒后成功
const promise = new Promise((resolve, reject) => {
setTimeout(() => {
resolve('Success');
}, 1000);
});
promise.then((result) => {
console.log(result); // 输出：Success
}).catch((error) => {
console.error(error);
}).finally(() => {
console.log('Promise has been resolved'); // 输出：Promise has been resolved
});
在上面的示例中，我们创建了一个Promise对象，1秒后成功，并在then方法中处理成功的逻辑，同时在finally方法中输出一条信息。不论Promise成功还是失败，finally中的代码都会被执行。
与then和catch的区别
在上面的示例中，我们已经看到了finally方法的基本用法。下面我们来比较一下finally、then和catch三个方法的区别。
1. then方法
then方法用来处理Promise成功的情况，它接收两个参数，第一个参数是成功时的回调函数，第二个参数是失败时的回调函数。then方法返回一个新的Promise对象，因此可以链式调用then方法。
2. catch方法
catch方法用来处理Promise失败的情况，它只接收一个参数，即失败时的回调函数。catch方法也会返回一个新的Promise对象，因此也可以链式调用catch方法。
3. finally方法
finally方法无论Promise对象最终是成功还是失败，都会执行其中的回调函数。finally方法不接收任何参数，也不会返回新的Promise对象，因此不能继续链式调用finally方法。
下面是一个包含then、catch和finally方法的完整示例：
// 创建一个异步任务，1秒后成功
const promise = new Promise((resolve, reject) => {
setTimeout(() => {
// resolve('Success');
reject('Failed');
}, 1000);
});
promise.then((result) => {
console.log(result); // 输出：Success
}).catch((error) => {
console.error(error); // 输出：Failed
}).finally(() => {
console.log('Promise has been resolved'); // 输出：Promise has been resolved
});
在上面的示例中，我们测试了Promise对象成功和失败两种情况，并在then、catch和finally方法中分别处理。无论Promise最终是成功还是失败，finally中的代码都会被执行。
总结
通过本文的介绍，我们了解了在JavaScript中如何使用Promise对象的finally方法。finally方法允许我们在Promise执行结束后执行一些收尾工作，不论Promise是成功还是失败都会执行其中的回调函数。与then和catch方法不同，finally方法不会返回新的Promise对象，因此不能继续链式调用finally方法。在实际开发中，我们可以利用finally方法来处理一些需在Promise执行结束后必须执行的逻辑，以保证程序的完整性和稳定性。