ES9 语法新特性:Promise.prototype.finally()

AI 编程助手,豆包旗下的编程助手,提供智能补全、智能预测、智能问答等能力,节省开发时间,释放脑海中的创造力,支持 VSCode,点击体验 AI

在 JavaScript 的异步编程中,Promise 是非常常用的一种技术,它使我们能够避免回调嵌套地狱,使异步代码更易于理解和管理。在 ES9 中,Promise 对象得到了一个新的实例方法:finally()

finally() 方法

finally() 方法接收一个回调函数作为参数,无论 Promise 对象的状态最终是成功或失败,该回调函数都将被执行。如果 Promise 对象最终被解决(即进入 fulfilled 或 rejected 状态),finally() 方法都将返回原始的 Promise 对象,而不会修改其状态或值。

这个方法主要用于在 Promise 对象的最终状态确定后,需要执行一些清理操作的情况。例如,关闭文件或数据库连接,释放资源,清除定时器等。在此之前,从 Promise 对象的解决路径和拒绝路径中选择一个执行回调函数。在确定 Promise 对象的最终状态之前不知道哪一个路径加最终表现。

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

在上面的例子中,使用 fetch() 方法获取数据,并在成功返回时通过 JSON.parse() 方法解析数据。如果请求失败,则写入控制台错误。在 Promise 被成功解决或拒绝后,finally() 方法都将在 Promise 对象执行结束前打印一条日志,用于清理任何未关闭的资源。无论 Promise 对象是成功还是失败,这条日志都会被打印出来。

指导意义

finally() 方法直接从 Promise 的拒绝路径或解决路径中返回 Promise 对象,因此可以使 Promise 代码更清晰、更易于阅读和理解。有了它,我们不必在 then() 方法中写入相同的代码,就可以在 Promise 的最终状态确认之前,维护和释放一些资源。

此外,在使用 try … catch 语句时,finally() 方法也可以用于在代码块中清理资源,与 try … catch 语句的结构很相似,可以更方便地管理资源。

结论

finally() 方法是一个简单但非常有用的新增特性,能够在异步编程中使代码更加健壮,更易于管理和维护。它可以用于清理资源,通过 try … catch 语句来进行类似的操作,可以解决一些常见的异步编程问题。

示例代码

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

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

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


猜你喜欢

  • 从ES11与ES12的上下文值解读块级作用域

    ES11与ES12是JavaScript新发布的两个版本,它们在块级作用域上做出了一些重要的改变。本文将深入探讨这些变化,从ES11和ES12的上下文中解读块级作用域,并提供一些指导性的示例代码。

    18 天前
  • 为什么说无障碍设计是全民设计?

    无障碍设计指的是考虑到那些在视觉、听觉、运动等方面存在障碍的人的情况,从而保证网站、应用和其他数字产品的可访问性。无障碍设计让任何人都能有效、高效地使用产品。而这种设计方式并不局限于设计者和开发者 —...

    18 天前
  • 使用 Custom Elements 时如何正确地使用 Promise?

    Custom Elements 是 Web Components 的一部分,它可以让开发者自定义 HTML 元素。在使用 Custom Elements 的时候,Promise 可以帮助我们处理异步的...

    18 天前
  • 使用 Express.js 和 Socket.io 实现跨浏览器的 WebSockets

    在 Web 开发中,WebSockets 是一种实现双向通信的技术。然而,不同浏览器对 WebSockets 实现的支持不同,在使用 WebSockets 时我们需要考虑各种浏览器的兼容性问题。

    18 天前
  • 如何在 Mocha 测试框架中使用 Sinon.js 模拟测试协作

    前言 Mocha 是一款基于 Node.js 和浏览器的 JavaScript 测试框架,可以用于测试异步代码和前端 UI 的自动化测试。Sinon.js 是一款用于 JavaScript 测试的库,...

    18 天前
  • 如何利用 PWA 特性制作有效的电子商务应用?

    前言 在移动设备普及的时代,电子商务应用已成为了很多人购买商品的首选方式。但是,很多电子商务应用在使用过程中仍然存在着一些令人不满的问题,比如加载速度慢、在线体验不佳等等。

    18 天前
  • 如何将 ESLint 集成到您的 Webpack 项目中

    前端开发中,代码风格是一个很重要的问题。ESLint 是一个强大的代码风格检查工具,可以帮助开发者遵循一致的代码风格规范和捕捉潜在的错误。本文将介绍如何将 ESLint 集成到您的 Webpack 项...

    18 天前
  • 使用 Headless CMS 出现页面渲染延迟该怎么处理?

    随着前端技术的发展,越来越多的网站开始使用 Headless CMS(无头 CMS)来管理内容。Headless CMS 可以让前端开发者更加灵活地使用各种框架和技术栈来构建页面。

    18 天前
  • Kubernetes Ingress 控制器详解

    Kubernetes 是一个优秀的容器编排平台,因其可靠性、灵活性和可扩展性而备受青睐。其中 Ingress 控制器是一项非常重要的功能,它使得在 Kubernetes 集群中管理和配置负载均衡器变得...

    18 天前
  • 基于 GraphQL 的全文搜索实践

    在现代 Web 应用中,全文搜索已经成为了一个常见而且不可或缺的功能。然而,传统的搜索引擎往往都需要复杂的配置以及大量的计算和数据存储,对于开发者来说,很难轻松地集成到自己的应用中。

    18 天前
  • 初学者如何使用 React 开发 SPA 应用

    React 是一种用于构建用户界面的 JavaScript 库。React 的出现,使得前端开发更加高效和有趣,因此越来越多的开发者选择使用 React 来开发单页应用程序(SPA)。

    18 天前
  • 初学者入门 Web Components 技术必备技能及资源推荐

    Web Components 是一种用于网页开发的标准化技术,该技术可以让开发者创建自定义的 HTML 标签,并在多个网页中重用这些标签。这是一种非常有前途的技术,它能够改变网页开发的方式,让开发者可...

    18 天前
  • Angular项目中如何使用WebSocket

    WebSocket是一种协议,它允许客户端和服务器之间建立全双工通信的连接。由于WebSocket协议的实现,可以有效减少通信的延迟,且WebSocket比HTTP更轻量级,提高了浏览器性能。

    18 天前
  • Express.js 中 CORS 的配置与实现

    什么是 CORS Cross-origin resource sharing (CORS) 是一种机制,允许 Web 应用程序从不同的域访问其资源。它是一个在客户端 Web 应用程序中使用的机制,通常...

    18 天前
  • Fastify 的构建: 与单体应用程序和微服务互补的东西

    Fastify 是一款高度优化、快速且低开销的 Node.js 框架,它专注于提供快速且高效的 web 应用程序。它是一个非常强大的框架,采用了最新的 JavaScript 和 Node.js 技术,...

    18 天前
  • 预防 CSS Reset 的副作用及应对措施

    作为前端开发者,我们经常使用 CSS Reset 来消除浏览器样式的差异化,从而确保我们的网页能够在各种浏览器中呈现一致的页面布局和样式。然而,过度使用 CSS Reset 可能会导致一些副作用,影响...

    18 天前
  • 使用 Redux 来做模块间通信

    前言 前端应用的复杂性越来越高,由于前端各个模块之间的联系复杂,如何进行模块间通信是一个需要解决的问题。Redux 是一种流行的状态管理工具,旨在解决应用程序的数据流问题。

    18 天前
  • Redis 哨兵模式实现及故障处理方法

    1 简介 Redis 哨兵模式是一种高可用性方案,可在主从复制中保障 Redis 服务的可用性。当主节点挂掉时,哨兵会自动将某个从节点晋升为新的主节点,从而保证 Redis 服务的连续性。

    18 天前
  • 如何在 React 应用程序中使用 Enzyme 测试

    简介 React 是一个流行的前端框架,它使得开发复杂的单页面应用程序变得更加轻松。由于 React 的组件化结构,需要进行测试来确保应用程序的正确性和稳定性。Enzyme 是 React 测试工具中...

    18 天前
  • Headless CMS 遇到跨域问题怎么解决?

    引言 Headless CMS 是一个新兴的 CMS 架构模式,它的特点是解耦了内容和展示,让前端和后端可以各自独立演进。在 Headless CMS 架构中,前端负责展示,后端则负责存储和管理内容。

    18 天前

相关推荐

    暂无文章