JavaScript 异步编程新特性:ES9 中的 Promise.finally()

面试官:小伙子,你的数组去重方式惊艳到我了

什么是 Promise.finally()?

Promise.finally() 是 ES9 中新增的 Promise 方法。该方法为 Promise 实例新增了一个 finally() 方法,返回一个新的 Promise 对象。

Promise.finally() 方法接受一个函数作为参数,不论 Promise 状态是 fulfilled 还是 rejected,该函数都会被执行。finally() 方法的回调函数接受一个参数,即前一个 Promise 的结果。该方法返回一个新的 Promise 对象,可以继续链式调用 then() 或 catch()。

为什么需要 Promise.finally()?

在 Promise 异步编程中,finally() 方法用于确保无论 Promise 状态如何,都能执行一些代码。通过 finally() 方法,可以把重复代码的逻辑抽离出来,避免代码冗余。可以使用 finally() 即时释放资源,比如关闭数据库连接、请求超时等。

以前,JavaScript 开发人员通常使用 then() 和 catch() 方法链式调用 Promise。但是这种做法存在一些问题。当我们想要在 then() 操作之后进行一些清理操作时,只能在 then() 内重复代码。例如:

----------
-------------- -- -
  ----------------------
  -- ------
--
------------ -- -
  -------------------
  -- ----------
--
----------- -- -
  -- --------
---

上面的代码中,在成功或失败的情况下,都需要执行一些清理操作。如果不使用 finally(),只能在 then() 或 catch() 方法内部编写清理代码,导致代码重复。

通过使用 Promise.finally() 方法,可以将清理操作单独提取出来,使代码更简洁、易于维护。例如:

----------
-------------- -- -
  ----------------------
  -- ------
--
------------ -- -
  -------------------
  -- ----------
--
----------- -- -
  -- --------
---

Promise.finally() 示例代码

在以下示例中,我们使用 Promise.finally() 在数据请求完成后关闭数据库连接。

-------- --------- -
  ------ -------------------------------------
  -------------- -- -
    ------ ----------------
  --
  ---------------------------------- -- - --------- --------
-

-------- ------------------------- -
  -- -------
-

-- -- --------- --
---------
---------- -- -
  ------------------
--
------------ -- -
  ---------------------
---

结论

Promise.finally() 是 Promise 异步编程中的一个非常有用的新特性。它只能在 Promise 函数链中被使用,它的主要作用是对 Promise 执行完后进行操作(无论 Promise 是否 resolved 或 rejected),该方法可以帮助你统一一些后续操作,并减少代码冗余。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/66fa3ea8439b08c33f47dbb1


猜你喜欢

  • Flexbox 实现多层级的垂直菜单布局

    什么是 Flexbox? Flexbox 是一种用于布局的弹性盒模型,它可以帮助我们轻松地对页面元素进行排列和定位。如果你想了解更多关于 Flexbox,请访问 MDN 文档。

    21 天前
  • TypeScript 与 JavaScript 之间的类型装换详解

    TypeScript 是一个由 Microsoft 开发的开源编程语言,是 JavaScript 的一个超集。它可以在编译期间检查代码错误,并提供更好的代码可读性和可维护性。

    21 天前
  • ECMAScript 2020 (ES11)中的 Promise.chaining 提示和实践

    简介 在现代 Web 开发中,Promise 对象被广泛使用,它是编写异步代码的关键工具之一。Promise 对象的特性包括状态、值和原因。在 Promise 中,我们经常使用 chaining(链式...

    21 天前
  • 如何在 React 中使用 Apollo Client 和 GraphQL

    前言 在前端开发中,通常需要从后端获取数据。而在过去,我们往往使用 RESTful API 来获取数据。但是 RESTful API 的使用会导致一些问题,例如在获取相关资源时需要使用多个请求,同时需...

    21 天前
  • 如何在 Cypress 中处理文件上传

    最近,我们在完成一个前端项目时,碰到了一个问题:如何在 Cypress 中处理文件上传? 在本文中,我们将介绍如何使用 Cypress 来上传文件,并提供详细的解释和示例代码。

    21 天前
  • 如何解决 ES6 Promise.all() 的超时问题

    在前端开发中,经常会使用到 ES6 中的 Promise 对象。其中,Promise.all() 方法可以同时执行多个异步任务,并在所有任务完成后返回结果。但是,有时候我们需要在一定的时间内得到结果,...

    21 天前
  • Fastify 框架中如何进行错误日志记录?

    Fastify 是一个快速、低开销、灵活的 Node.js 框架,它提供了一系列功能来提升 Web 应用程序的性能和可维护性。在前端开发中,我们通常需要记录日志来跟踪错误并诊断问题。

    21 天前
  • Serverless 应用中的并发和队列处理指南

    随着云计算和 Serverless 技术的发展,越来越多的应用开始采用 Serverless 架构,以提高效率和降低成本。Serverless 架构强调无服务器运行,自动扩缩容和灵活性,因此在编写应用...

    21 天前
  • 在 Sass 中如何定义 CSS 属性变量

    在 Sass 中如何定义 CSS 属性变量 Sass 是一种成熟的 CSS 扩展语言,它为前端开发人员提供了更灵活、更方便的编写 CSS 样式的方式。其中一个重要的功能是定义 CSS 属性变量。

    21 天前
  • 构建 Angular 应用程序时如何避免样式污染

    Angular 是一款流行的前端开发框架,但是在构建应用程序时,我们可能会遇到样式污染的问题。简单来说,样式污染指的是样式在组件之间相互影响,从而使得组件之间的样式混乱。

    21 天前
  • 对于 RESTful API,你需要知道的最佳实践

    RESTful API 也被称为基于资源的 API,是一种轻量级的通信协议,适用于各种不同的应用程序之间数据的传输。使用 RESTful API 可以实现服务的单独部署、灵活性高、易于缓存等诸多优点,...

    21 天前
  • 如何在 Mocha 测试中测试 Express 中间件

    在前端开发中,我们经常需要测试我们的代码以确保功能正确性和稳定性。在一个大型的 Express 应用中,中间件起到了非常重要的作用。为了保证中间件的正确性,我们需要对它们进行测试。

    21 天前
  • 如何避免 Java 程序死锁,提高程序性能?

    在 Java 程序开发中,死锁是一个普遍存在的问题,它会在多线程并发访问共享资源时造成程序的挂起和性能下降。在本篇文章中,我们将介绍如何避免 Java 程序死锁,并提高程序性能的方法和技巧。

    21 天前
  • Web Components 中的表格组件实现

    引言 在 Web 前端开发过程中,表格组件是常见的数据展示方式之一。传统的表格实现方式多为直接使用 HTML 表格标签和 CSS 样式完成,但效果和定制性不佳。而 Web Components 的推广...

    21 天前
  • 如何使用 TypeScript 优化 Angular 项目中的性能?

    Angular 是一款流行的前端开发框架,而 TypeScript 则是一种强类型的 JavaScript 扩展语言。使用 TypeScript 能为您的 Angular 项目带来更好的类型安全和代码...

    21 天前
  • 使用 Hapi 和 Electron 构建桌面应用程序

    在过去的几年里,前端技术已经取得了快速的发展,不再局限于网页的开发,而是已经开始向桌面应用程序领域进军。其中,Hapi 和 Electron 技术组合已经慢慢成为了开发桌面应用程序的首选方案。

    21 天前
  • ECMAScript 2020 (ES11) 中的 for-await-of 使用实例

    什么是 for-await-of? 在过去,我们可能只熟悉 for 循环,其通常是用于遍历数组或对象等集合类型。但在 ES2015 中,我们引入了 for-of 循环,它可以用于遍历任何可迭代的对象,...

    21 天前
  • 如何让谷歌 Chrome 拥有更高的无障碍性?

    现代的网站需要考虑到不同用户的需求和能力。其中,无障碍性(Accessibility)是一个重要的方面,它可以使残障人士和老年人等用户更便捷地使用网站或应用。在这篇文章中,我们将探讨如何让谷歌 Chr...

    21 天前
  • ES2021:使用最佳实践进行 DOM 操作

    介绍 在 Web 开发中,操作文档对象模型(Document Object Model,简称 DOM)是经常遇到的任务之一,包括选择元素、改变元素属性或内容、添加或移除元素等。

    21 天前
  • 使用 Chai 和 Mocha 测试 React 应用程序

    随着 React 应用程序的增长和复杂性,测试变得越来越重要。Chai 和 Mocha 是两个非常流行的 JavaScript 测试框架,它们提供了一些强大的工具和函数,让我们可以更轻松和可靠地测试我...

    21 天前

相关推荐

    暂无文章