服务器之家:专注于服务器技术及软件下载分享
分类导航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服务器之家 - 编程语言 - JavaScript - 在 promise 中 then 和 finally 有什么区别

在 promise 中 then 和 finally 有什么区别

2021-03-27 22:36前端先锋前端小混混 JavaScript

看上去 promise.prototype.then() 和 promise.prototype.finally 似乎非常相似。但是你需要明白它们有一些重要的差异。

看上去 promise.prototype.then() 和 promise.prototype.finally 似乎非常相似。但是你需要明白它们有一些重要的差异。

在 promise 中 then 和 finally 有什么区别

第一个也最明显的是 finally() 没有得到 promise 链的结果。由于 finally() 没有收到值,因此无法更改 promise 的已解决值。

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 链有关。有时,您可能想要推迟捕获 promise 链中的错误,从而允许你在其他地方处理。在这种情况下,promise 链的 then() 将不会被执行,而 finally() 会。并且如果上一个 catch() 抛出,你最终会处于相同的情形之下。

new Promise((resolve, reject) => reject(0)) 

  .catch(x => { 

    console.log(x); // 0 

    throw x; 

  }) 

  .then(x => { 

    console.log(x); // 将不会执行 

  }) 

  .finally(() => { 

    console.log('clean up'); // 'clean up' 

  }); 

// Uncaught (in promise) 0 

这里的重点是,除非有非常特殊的原因,否则不应该替换 then() 和 finally()。 根据经验,finally() 应该用于清理(清除超时,使引用为空,重置 UI 状态等)。

原文地址:https://mp.weixin.qq.com/s?__biz=MzI3NzIzMDY0NA==&mid=2247500494&idx=2&sn=1d6be39c0a268f198ae962f09c7c9567&chksm=eb6be795dc1c6e839657ac0d8021f9890bc9a991f07c9ef870c22e81e5c0cb55188766e5af9a&mpshare=1&s

延伸 · 阅读

精彩推荐