ECMAScript 2021(ES12)中的 Promise.prototype.finally() 方法使用示例

简介

Promise 是现代 JavaScript 中最常用的异步编程方式之一,它可以方便地解决回调地狱和并发请求等问题。在 ECMAScript 2018(ES9)中,Promise 新增了 catch() 方法来捕获错误,但是它只能处理 reject 状态下的情况。为了提高 Promise 的可读性和可维护性,ES12 引入了一个新的 API——finally()。

Promise.prototype.finally()方法允许你在Promise完成时执行代码,不管它是被 resolved 还是 rejected。并且它回传原本的 Promise 对象, 因此你可以将一个 finally 给定到链式调用所结尾处,使其控制每个状态转移。

使用方式

finally()方法需要一个函数作为参数,该函数会在当前 Promise 结束后执行。无论当前 Promise 执行结果如何,finally() 方法的回调函数都会被执行:

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

在上面的代码中,我们把 finally() 方法添加到 Promise 链式调用的末尾。无论 Promise 是成功地还是失败地执行,它都会在 Promise 结束后运行。

示例

我们可以使用 finally() 方法来关闭一个数据库连接或者停止一个计时器等。下面是一个使用 Promise.prototype.finally() 方法的示例代码:

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

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

在上述代码中,我们使用了 setTimeout() 模拟了一个异步操作。该操作将生成一个随机数,如果这个数字小于5,则返回一个 rejected 的 Promise,否则返回一个 resolved 的 Promise。在代码的末尾,我们使用了 finally() 方法来记录 Promise 结束后的事件。

以上代码的输出结果可能如下所示:

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

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

通过这个示例,我们不仅可以看到 finally() 方法的使用方式,而且还能理解其对 JavaScript 开发者的实用性。

总结

ES12 中引入的 Promise.prototype.finally() 是一项非常有趣的新特性,它允许我们在 Promise 被 settled(resolved 或 rejected)后执行代码块。使用 finally() 方法可以使代码更加简洁和易于阅读,同时也可以帮助我们避免“回调地狱”的问题。

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


猜你喜欢

  • 初学者必看!Webpack 常见错误及解决方案汇总

    Webpack 是一个前端开发中非常重要的工具,它可以将多个模块打包成一个文件,从而提高页面加载速度。但是,初学者在使用 Webpack 的过程中,往往会遇到一些错误,这些错误可能会让你感到困惑和无助...

    1 年前
  • LESS 技巧:定制滚动条样式

    在前端开发中,我们经常需要自定义网页的滚动条样式,以使其更符合网站的设计风格。而在 LESS 中,我们可以使用一些技巧来实现这个效果。 1. 隐藏默认滚动条 首先,我们需要隐藏浏览器默认的滚动条。

    1 年前
  • 如何用 Custom Elements 解决 Web 组件之间的样式冲突?

    在 Web 开发中,我们经常需要使用组件来构建页面。但是,当我们使用多个组件时,很容易出现样式冲突的问题。这时候,我们可以使用 Custom Elements 来解决这个问题。

    1 年前
  • ECMAScript 2017 (ES8) 中异步迭代器的实现原理

    前言 在 ECMAScript 2017 (ES8) 中,引入了异步迭代器的概念。异步迭代器允许我们在异步操作中使用 for-await-of 循环语句,从而更加方便地处理异步数据。

    1 年前
  • 如何使用 Tailwind CSS 来实现主从页面结构?

    Tailwind CSS 是一种功能强大的 CSS 框架,它提供了一组丰富的 CSS 类,可以帮助我们轻松地构建复杂的页面布局和样式。在本文中,我们将介绍如何使用 Tailwind CSS 来实现主从...

    1 年前
  • 解决 Vue.js 使用 webpack 打包时图片相对路径出错的问题

    在使用 Vue.js 进行前端开发时,经常会使用 webpack 进行打包,但是在打包过程中,有时候会遇到图片相对路径出错的问题,导致图片无法正常加载。本文将介绍如何解决这个问题。

    1 年前
  • SASS 中如何处理特殊符号及转义字符

    在前端开发中,我们经常需要使用 CSS 来控制页面的样式。而 SASS 则是一种 CSS 的预处理器,提供了更加强大和灵活的语法,让我们更加方便地编写 CSS。 然而,在使用 SASS 过程中,有时候...

    1 年前
  • 在 React Native 项目中使用 ESLint 的指南

    在 React Native 项目中使用 ESLint 的指南 在前端开发中,代码风格的统一和规范是非常重要的。为了保证代码质量和可维护性,我们可以使用 ESLint 工具来自动检查代码中存在的问题,...

    1 年前
  • 如何使用 Apollo Server 进行 GraphQL API 测试

    GraphQL 是一种用于 API 的查询语言,它可以让客户端精确地获取所需的数据,从而提高应用程序的性能和可靠性。Apollo Server 是一个用于构建 GraphQL 服务器的库,它提供了一些...

    1 年前
  • ES6 中的解构赋值用法及常见错误

    在 ES6 中,解构赋值是一种新的语法,它可以让我们从数组或对象中提取值,然后赋值给变量。它使得代码更加简洁清晰,减少了重复的代码量,提高了代码的可读性和可维护性。

    1 年前
  • React 响应式设计实现异步数据绑定的方法

    在前端开发中,数据绑定是一个非常重要的概念。React 是一个流行的 JavaScript 库,它采用了响应式设计的思想,可以方便地实现数据绑定。本文将介绍 React 响应式设计实现异步数据绑定的方...

    1 年前
  • Cypress 测试框架中如何处理多窗口情况

    Cypress 是一个现代化的前端自动化测试框架,它具有易用性和高效性。在实际测试中,我们可能会遇到需要在多个窗口之间进行操作的情况,例如在打开新窗口后,需要在新窗口中执行一些操作。

    1 年前
  • socket.io 在 React Native 中的应用方法

    在现代 Web 开发中,实时性已经成为了一个非常重要的需求,而 socket.io 是一个非常优秀的实现实时通信的库。React Native 作为一种跨平台的移动开发框架,也需要实现实时通信的功能。

    1 年前
  • 从插槽的角度来看 React 中的无障碍设计

    React 是一种流行的 JavaScript 库,用于构建用户界面。在现代 Web 应用程序中,无障碍设计已成为一个重要的主题。本文将从插槽的角度来看 React 中的无障碍设计,介绍如何使用 Re...

    1 年前
  • MongoDB 中的分布式事务介绍

    前言 随着互联网的迅速发展,数据量越来越大,对数据库的要求也越来越高。传统的单机数据库已经无法满足业务需求,分布式数据库成为了越来越多企业的选择。MongoDB 作为一种流行的分布式数据库,其分布式事...

    1 年前
  • ES2021 中的 Intl.DisplayNames 对象的优秀应用

    在前端开发中,国际化是一个重要的话题。在 ES2021 中,新增了一个名为 Intl.DisplayNames 的对象,它为我们提供了一种更加优秀的处理国际化的方式。

    1 年前
  • 使用 Docker 搭建 RabbitMQ 集群的步骤和注意事项

    前言 RabbitMQ 是一个常用的开源消息队列系统,它支持多种消息传输协议,包括 AMQP、STOMP、MQTT 等。在分布式系统中,消息队列能够解决系统间的异步通信问题,提高系统的可伸缩性和可靠性...

    1 年前
  • PWA 开发过程中常见的缓存问题解决方案

    前言 PWA(Progressive Web App)是一种新型的 Web 应用程序,可以将 Web 应用程序转换成类似于原生应用程序的体验。PWA 具有离线缓存、推送通知和快速加载等特性,因此在移动...

    1 年前
  • Kubernetes 常见问题解决方案:如何快速定位 Pod 异常

    Kubernetes 是一款流行的容器编排工具,它可以帮助开发者快速部署、管理和扩展应用程序。然而,在使用 Kubernetes 时,我们可能会遇到一些问题,比如 Pod 异常。

    1 年前
  • RESTful API 实现的系统集成与应用

    什么是 RESTful API? RESTful API 是一种基于 HTTP 协议的 Web API 设计风格,它具有统一的接口、无状态、可缓存、客户端-服务器分离、层次化系统等特点。

    1 年前

相关推荐

    暂无文章