如果你做前端,一定会经常用到 Promise 管理异步流程。Promise 有 3 种状态,分别是 pending、fulfilled、rejected。如果 Promise 处于 fulfilled 或 rejected 状态,就进入对应的回调函数,不管执行成功或失败,都需要一些共同的处理操作。为了避免这种情况下出现代码冗余,社区的开发者一直在寻找更好的解决方案。其中一种解决方案就是使用 promise.prototype.finally 这个 npm 包来优化代码。
安装
要使用 promise.prototype.finally,你需要先使用 npm 安装该包。
npm install promise.prototype.finally --save
该命令会将 promise.prototype.finally 安装到你的项目目录下,并将其加入 package.json 中。
使用
promise.prototype.finally 主要功能就是在 promise 中添加 finally 方法,允许在 Promise 的执行完成之后执行一个回调函数,而且不管 Promise 的执行是否成功。下面是使用示例:
-- -------------------- ---- ------- ----- ------- - --- ----------------- ------- -- - ------------- -- - ------------------ -- ------ --- ------------------- -- - -------------------- ------------- -- - -------------------- ------------ ---
在执行完 Promise 的 then 方法之后,不论 promise 是 fulfilled 还是 rejected,promise.prototype.finally 都会执行。
指导意义
promise.prototype.finally 使用起来非常简单方便,但是其实现原理是有些复杂的。promise.prototype.finally 实际上会在 Promise 返回另一个 Promise,新 Promise 会在原 Promise 执行后添加 finally 方法,并返回原 Promise 的状态信息。这意味着如果 Promise 的状态改变,finally 方法不会影响 Promise 的状态值,并且返回的 Promise 与原 Promise 是独立的,其状态信息也是独立的。
最后,我们强烈建议在您的项目中使用 promise.prototype.finally 包,它可以有效减少代码冗余,提高代码的清晰性和可读性。
总结
本文介绍了 npm 包 promise.prototype.finally 的使用教程,并提供了示例代码。让我们回顾一下本文的主要内容:
- 首先,你需要使用 npm 安装一个 promise.prototype.finally 包。
- 然后,你需要在 Promise 的后面添加 finally 方法,这个方法允许在 Promise 的执行完成之后执行一个回调函数,而且不管 Promise 的执行是否成功。
- 最后,promise.prototype.finally 可以有效减少代码冗余,提高代码的清晰性和可读性。
希望本文给你关于如何更好地使用 promise.prototype.finally 提供帮助。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/186583