碎片时间学编程「134]:JS 承诺中的 then 和 finally 有什么区别?

xsobi 2025-01-14 18:22 1 浏览

从表面上看，Promise.prototype.then()和Promise.prototype.finally()似乎很相似。但是我们需要记住一些重要的区别。

第一个也是最明显的一个是它finally()没有收到承诺链的结果值。同样，由于 finally() 没有收到任何值，因此也无法更改 promise 的已解析值。

JavaScript

new Promise((resolve, reject) => resolve(10))
  .then(x => {
    console.log(x); // 10
    return x + 1;
  })
  .finally(x => {
    console.log(x); // undefined
    return x + 2;
  });
// Promise resolves to 11, the return value of then()

另一个区别与错误处理以及如何解决承诺链有关。有时，您可能希望推迟在 Promise 链中捕获错误，以便在其他地方处理它们。在这种情况下，then()不会执行链接的，而finally()会执行。此外，如果前一个catch()抛出异常，你最终会处于同样的情况。

new Promise((resolve, reject) => reject(0))
  .catch(x => {
    console.log(x); // 0
    throw x;
  })
  .then(x => {
    console.log(x); // Will not run
  })
  .finally(() => {
    console.log('clean up'); // 'clean up'
  });
// Uncaught (in promise) 0

这里的要点是你不应该替代then()，finally()除非有非常具体的理由这样做。根据经验，finally()应该用于清理（清除超时、清空引用、重置 UI 状态等）。

更多内容请访问我的网站：https://www.icoderoad.com

prototype js

碎片时间学编程「134]:JS 承诺中的 then 和 finally 有什么区别?

相关推荐

SK海力士量产全球首款321层堆叠3D闪存，Win 11 LTSC推出热补丁功能

《战神:诸神黄昏》6.001补丁发布优化手柄和显卡支持

帝国cms插件，帝国cms网站插件，帝国插件(附下载)

如何使用CSS 新语法grid-area来设置网格布局

这块安全“补丁”，补的牢!

strcat函数实现(C语言)

避雷心经 | Coredump排查入门

黄金分割主图指标(主图叠加)

治疗之道!GRID团队框架插件完美设置教程

ASP.NET界面开发技巧放送，轻松自定义Grid运行时编辑表单布局

碎片时间学编程「134]:JS 承诺中的 then 和 finally 有什么区别?

相关推荐

SK海力士量产全球首款321层堆叠3D闪存，Win 11 LTSC推出热补丁功能

《战神:诸神黄昏》6.001补丁发布 优化手柄和显卡支持

帝国cms插件，帝国cms网站插件，帝国插件(附下载)

如何使用CSS 新语法grid-area来设置网格布局

这块安全“补丁”，补的牢!

strcat函数实现(C语言)

避雷心经 | Coredump排查入门

黄金分割主图指标(主图叠加)

治疗之道!GRID团队框架插件完美设置教程

ASP.NET界面开发技巧放送，轻松自定义Grid运行时编辑表单布局

《战神:诸神黄昏》6.001补丁发布优化手柄和显卡支持