技术文摘
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 的最终状态如何。理解并正确使用这两个方法,可以让我们更好地编写异步代码,提高代码的可读性和可维护性。
- 解决 markedJS 文档换行不起作用的问题
- JavaScript 如何将勾选框数据与数量信息传递至后台
- JS、Vue、Thymeleaf、React等技术改变HTML代码生成方式,呈现给浏览器的网页内容是否仍以HTML为基础
- 谷歌浏览器目录树重命名后缩进消失而火狐浏览器不消失的原因
- CSS逻辑属性与旧版属性的选择方法
- CSS渐变边框仅显示左右两边的解决方法
- 怎样利用 border-image-slice 和 border-image-width 打造渐变遮罩效果
- HTML 和 CSS 实现图片紧贴左边缘与文本并排排版效果的方法
- pre 标签中 line-height: 0px 不生效如何解决
- JavaScript统计数组中数据重复次数并渲染到页面的方法
- JavaScript简便添加代码行号的方法
- HTTP方法之PUT与POST综合指南
- 解决系统登录异步请求致无法获取用户信息难题的方法
- Flex 布局实现图片包裹文本效果的方法
- 服务端GET请求多端响应下UGC内容的安全有效处理方法