ES9 中 Promise 上的 finally 方法详解

在 ES9 中,Promise 对象新增了一个 finally 方法,该方法可以在 Promise 执行完毕后,无论是 resolve 还是 reject,都会执行一段代码。本文将详细介绍 finally 方法的用法及其指导意义。

finally 方法的用法

finally 方法的用法非常简单,只需要在 Promise 对象后面调用 finally 方法,并传入一个回调函数即可。该回调函数会在 Promise 执行完毕后执行,无论是 resolve 还是 reject。示例代码如下:

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

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

在上面的代码中,finally 方法的回调函数会在 Promise 执行完毕后执行。

finally 方法的指导意义

finally 方法的出现,主要是为了解决 Promise 执行完毕后需要执行一些清理操作的问题。在 Promise 中,我们经常需要执行一些异步操作,比如发送网络请求或者读取本地文件等等。这些操作完成后,我们可能需要执行一些清理操作,比如关闭网络连接或者释放文件句柄等等。在 Promise 中,我们通常是在 then 或者 catch 方法中执行这些操作。但是,如果 Promise 执行完毕后无论是 resolve 还是 reject,我们都需要执行一些清理操作,那么就需要在两个方法中都写一遍清理操作的代码,这样会导致代码的重复,不利于维护。而使用 finally 方法,我们就可以将这些清理操作放在 finally 方法中,避免了代码的重复,提高了代码的可维护性。

另外,finally 方法还可以用于统计 Promise 执行的时间,比如:

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

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

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

在上面的代码中,finally 方法的回调函数会在 Promise 执行完毕后执行,并统计 Promise 的执行时间。

总结

ES9 中新增的 Promise 上的 finally 方法,可以在 Promise 执行完毕后,无论是 resolve 还是 reject,都会执行一段代码。finally 方法的出现,主要是为了解决 Promise 执行完毕后需要执行一些清理操作的问题。使用 finally 方法,可以将这些清理操作放在 finally 方法中,避免了代码的重复,提高了代码的可维护性。另外,finally 方法还可以用于统计 Promise 执行的时间等等。

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


猜你喜欢

  • 通过 aria-labelledby 属性提供页面标签引导

    在前端开发中,我们经常需要为页面元素添加标签,以便于用户了解页面结构和内容。但是,对于一些复杂的页面,标签的数量可能会非常多,这会给用户带来困扰。为了解决这个问题,我们可以使用 aria-labell...

    1 年前
  • RxJS 操作符大全之转化篇

    RxJS 是一个响应式编程库,它提供了丰富的操作符来处理异步数据流。在之前的文章中,我们介绍了 RxJS 的创建和过滤操作符。本文将重点介绍 RxJS 的转化操作符,它们可以用来转换、合并和拆分数据流...

    1 年前
  • Angular 路由守卫:了解守卫的用法和处理路由异常的方式

    在 Angular 中,路由守卫是一种用于控制导航的机制。它可以帮助我们在导航到某个路由时,根据一些条件来决定是否允许导航。路由守卫可以用来实现登录验证、权限控制等功能。

    1 年前
  • 使用 Immutable.js 优化 React 应用程序性能

    在 React 应用程序中,数据的管理和操作是一个关键问题。传统的 JavaScript 对象和数组在处理大量数据时可能会导致性能问题。而 Immutable.js 是一个专门为 React 应用程序...

    1 年前
  • Web Components 中如何避免命名冲突问题?

    Web Components 是一种用于创建可重用的自定义 HTML 元素的技术,它可以帮助我们将网页拆分成独立的组件,实现更好的代码复用性和可维护性。但是,在实际开发过程中,我们会遇到一个常见的问题...

    1 年前
  • Deno 中如何进行 CORS 设置

    跨源资源共享(CORS)是一种重要的 Web 安全机制,它允许 Web 应用程序从不同的源头获取或请求资源。在 Deno 中,我们可以通过一些简单的设置来进行 CORS 配置。

    1 年前
  • Babel7 升级之路 —— 解决 Error: Unable to find plugin "@babel/preset-env" issue

    前言 随着前端技术的不断发展,前端开发中使用的工具也在不断更新和升级。Babel 是前端开发中最常用的工具之一,它可以将 ES6+ 的代码转换为兼容性更好的 ES5 代码,以便在更多的浏览器中运行。

    1 年前
  • MongoDB 的 MapReduce 原理及应用实践

    什么是 MapReduce? MapReduce 是一种用于处理大规模数据集的编程模型,最初由 Google 提出,并在 Hadoop 中得到广泛应用。MapReduce 的核心思想是将大规模的数据集...

    1 年前
  • Docker 开发、测试、生产的最佳实践

    Docker 是一种容器化技术,它可以将应用程序及其依赖项打包成一个容器,然后在不同的环境中运行,保证了应用程序在不同环境中的一致性和可移植性。在前端开发、测试、生产中,Docker 也有着广泛的应用...

    1 年前
  • 利用 SSE 实现多人在线问答系统

    什么是 SSE SSE(Server-Sent Events)是一种基于 HTTP 的服务器推送技术,可以实现服务器向客户端主动推送数据。相对于传统的轮询技术,SSE 可以大幅减少网络流量和服务器压力...

    1 年前
  • Koa 实现多文件上传的方法与注意事项

    在前端开发中,文件上传是一个常见的需求。而 Koa 是一个轻量级的 Node.js Web 框架,它提供了非常方便的中间件机制,使得实现文件上传变得非常容易。本文将介绍如何使用 Koa 实现多文件上传...

    1 年前
  • 用 PM2 管理 Node.js 进程

    Node.js 是一个非常流行的后端开发语言,它的高效性和易用性使得其成为了很多公司的首选。但是,随着应用的复杂度增加,Node.js 进程管理也变得越来越困难。这时候,PM2 就成为了一个非常好的选...

    1 年前
  • CSS Grid 布局如何应用到实际开发中

    CSS Grid 是一种强大的布局系统,它可以让我们轻松地创建复杂的网格布局,而不必使用传统的浮动和定位技术。在本文中,我们将探讨如何将 CSS Grid 布局应用到实际开发中,并提供一些示例代码和指...

    1 年前
  • Vue.js 中的 Vue 组件详解

    Vue.js 是一款流行的前端框架,它提供了一种组件化的方式来构建复杂的用户界面。Vue 组件是 Vue.js 中最基本的构建块,它们可以被看作是可重用的代码块,用于构建页面上的各种元素。

    1 年前
  • ECMAScript 2020 (ES11) 中的模板字面量标签函数详解

    随着前端技术的不断发展,JavaScript 也在不断地更新和完善。ECMAScript 2020(ES11)是其中一个重要的版本,其中引入了许多新特性,其中一个值得关注的特性就是模板字面量标签函数。

    1 年前
  • 在 Node.js 中使用 Chai.js 进行 HTTP 请求测试详解

    前言 在 Web 开发中,HTTP 请求测试是一个非常重要的环节。它可以帮助我们验证接口的正确性和稳定性。本文将介绍如何在 Node.js 中使用 Chai.js 进行 HTTP 请求测试,并提供详细...

    1 年前
  • JavaScript 指南:使用 ESLint 来诊断代码错误

    前言 在编写 JavaScript 代码时,很容易出现各种错误,比如未定义的变量、重复定义的变量、语法错误等等。这些错误不仅会导致代码无法正常运行,还会影响代码的可读性和可维护性。

    1 年前
  • 优化 Webpack 打包性能的一些小技巧

    Webpack 是前端开发中非常重要的一个工具,它能够将多个 JavaScript 文件打包成一个文件,从而减少 HTTP 请求,提高网页加载速度。但是,在打包大型项目时,Webpack 打包时间可能...

    1 年前
  • PWA 实战探索:如何处理多页面的 PWA 应用

    PWA(Progressive Web App)是一种新型的 Web 应用程序,它具有类似原生应用的一些特性,例如离线访问、推送通知、添加到主屏幕等。PWA 技术已经成为前端开发的热门话题,越来越多的...

    1 年前
  • Node.js 中使用 mongoose 查询、插入、更新、删除 MongoDB 的操作方法

    简介 Mongoose 是一个优秀的 MongoDB ODM(Object Document Mapping)库,它可以让我们以面向对象的方式操作 MongoDB 数据库,并且提供了许多便捷的 API...

    1 年前

相关推荐

    暂无文章