技术文摘
promise 中 then 与 finally 的区别
在 JavaScript 的异步编程中,Promise 是一种强大的工具,其中 then 和 finally 方法是经常被使用的两个重要特性,但它们有着明显的区别。
then 方法用于指定当 Promise 状态成功(resolved)或失败(rejected)时要执行的回调函数。它接受两个参数,第一个参数是 Promise 成功时执行的回调函数,第二个参数是 Promise 失败时执行的回调函数。通过 then 方法,我们可以按照异步操作的结果进行相应的处理,并返回一个新的 Promise,从而实现链式调用,使异步代码的逻辑更加清晰和易于理解。
例如,如果我们有一个获取用户数据的异步操作,成功时我们可以对数据进行处理,失败时给出相应的错误提示。
finally 方法则不同,它无论 Promise 的最终状态是成功还是失败,都会被执行。它主要用于执行一些无论结果如何都需要进行的清理操作或最终的统一处理逻辑。比如,关闭一个加载指示器、释放一些资源等。
与 then 方法不同的是,finally 方法不接受任何参数,也不会改变原 Promise 的结果值。它的返回值是一个新的 Promise,这个新的 Promise 的结果值和原 Promise 的结果值是相同的。
下面通过一个示例来更直观地理解它们的区别。假设我们有一个异步函数 fetchData 来获取数据:
function fetchData() {
return new Promise((resolve, reject) => {
setTimeout(() => {
if (Math.random() > 0.5) {
resolve('成功获取数据');
} else {
reject('获取数据失败');
}
}, 1000);
});
}
fetchData()
.then(data => {
console.log('成功:', data);
})
.catch(error => {
console.error('失败:', error);
})
.finally(() => {
console.log('无论成功失败,都会执行');
});
在上述示例中,then 处理了成功和失败的不同情况,而 finally 则在操作结束后始终执行。
then 侧重于根据 Promise 的结果进行不同的处理,而 finally 则用于确保某些必要的收尾工作得以执行,无论 Promise 的最终状态如何。理解并正确使用这两个方法,可以让我们更好地编写异步代码,提高代码的可读性和可维护性。
- 五个提升效率的 JavaScript 实用程序库
- 基于 Taro 构建小程序多项目架构
- VS Code 内置的五大必备神器功能,提升编程效率!
- 查电影评分别指望互联网
- Python 中的 YAML 解析:PyYAML 全面解读
- JDK19 新特性虚拟线程究竟是什么
- Spring Boot 中 Bean 的多种加载形式
- REST API 关键概念知多少?
- Vue3 中组件拖拽实时预览功能的实现之问
- 微软 Visual Studio 2022 17.9 Preview 3 更新推出 强化代码搜索体验
- React 与 Vue 生态系统的差异何在?
- 探索 C++虚函数:领略多态的神奇
- 函数默认参数:优化函数设计与调用之法
- C++函数重载:性质、用法、特点及语法解密
- 前端新工具速度远超 Eslint 100 倍!Eslint 面临淘汰危机?