Node.js 中的 Async 和 Await 使用详解

介绍

在前端开发中,我们经常需要编写异步的代码来处理数据或者请求。在 Node.js 中,我们有一些内置的模块,例如 fshttp,提供了异步的 API。为了更好地处理异步代码,Node.js 从 7.6 版本开始支持了 async/await。该特性让异步代码看起来更加具有同步代码的流畅性,并减少了回调嵌套和错误处理代码的复杂程度。

本文将介绍 async/await 的使用细节及其指导意义,并附带代码示例。

async/await 的基本语法

在使用 async/await 之前,请确保您已经熟悉异步编程和 Promise 对象的用法。async/await 只是一种编写异步代码的方式,它并不能完全替代 Promise。

async

关键字 async 可以修饰一个函数,它表明该函数总是返回一个 Promise 对象。下面是一个简单的例子:

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

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

我们定义了一个 async 函数 test,它的返回值是一个字符串 "Hello, world!"。在调用 test 后,我们通过 Promise 的 then 方法获取结果并将其输出到控制台。

await

关键字 await 可以放在一个 Promise 对象前面,表示等到该 Promise 对象执行完毕并返回结果后,再执行下一步操作。例如:

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

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

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

test 函数中,我们使用 sleep 函数来模拟延迟,接着使用 await 关键字等待该 Promise 对象返回结果。由于 sleep 函数返回的是一个 Promise 对象,所以 await sleep(1000) 的作用就是等待 1 秒钟,然后再继续执行下一步操作。

async/await 的高级用法

错误处理

在异步代码中,我们经常需要处理错误。在使用 async/await 时,我们可以使用 try/catch 语句来捕获 Promise 执行过程中的异常。例如:

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

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

该例子中,我们在 test 函数中使用了两个 Promise,第一个 Promise 是 Promise.resolve,表示成功执行并返回了数字 1。第二个 Promise 是 Promise.reject,表示执行失败并返回了一个 Error 对象,我们使用 try/catch 语句捕获了该异常,并将其输出到控制台。

并行执行

在异步编程中,有时候我们需要同时执行多个异步操作,并在它们都完成后进行下一步操作。使用 Promise.all 可以很方便地实现该功能。例如:

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

-------

在该例子中,我们使用了 Promise.all 函数同时执行了两个 Promise 对象,因为它们的返回值是不相关的,所以可以在它们都执行完毕后进行下一步操作,例如将它们的返回值相加。

超时处理

在异步编程中,我们有时候需要设置超时时间,如果异步操作在超时时间内没有执行完毕,就算作失败并进行下一步操作。使用 Promise.race 可以实现该功能。例如:

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

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

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

在该例子中,我们使用了 Promise.race 函数同时执行了两个 Promise,其中 sleep(2000) 表示延迟 2 秒执行, new Promise(...) 表示延迟 1 秒后返回一个失败的 Promise,模拟了超时的情况。因为 sleep(2000) 的时间比超时时间长,所以会先执行完毕并返回结果,但由于我们使用 Promise.race 函数,所以只有在超时时间内返回结果的 Promise 才会被接受。

实践示例

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

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

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

-------

在该例子中,我们定义了一个 getJSON 函数,它使用了 node-fetch 模块来获取指定 URL 的 JSON 数据。该函数通过 await 关键字等待 fetch 函数和 JSON.parse 函数执行完毕,并返回解析后的 JSON 数据。接着在 test 函数中调用了 getJSON 函数来获取 GitHub 用户 octocat 的信息,并将其输出到控制台。如果获取失败,则会使用 console.error 方法输出错误信息。

总结

使用 async/await 可以大大简化异步编程的代码,增加其可读性和可维护性。在编写异步代码时,我们应该善于使用 async/await 来提高效率、减少错误,并且更加方便地处理异步操作。同时,在使用 async/await 时,我们应该注意其细节和常用模式,以编写出更加健壮和可靠的异步代码。

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


猜你喜欢

  • Mongoose 如何实现数据的自动填充和更新?

    在开发 Web 应用程序时,我们通常需要对数据进行自动填充和更新,以减少用户的输入和提高数据的准确性。在本文中,我们将介绍 Mongoose 如何实现数据的自动填充和更新,并提供一些示例代码帮助读者更...

    1 年前
  • RxJS 中的操作符 map

    RxJS 是一个负责异步编程的 JavaScript 库,通常用于 Angular 应用的开发。它提供了很多功能强大的操作符,以帮助开发人员更轻松的处理异步数据流。

    1 年前
  • Headless CMS 接入 WeChat MiniProgram

    Headless CMS(无头 CMS)是一种新兴的 CMS 设计模式,旨在将内容管理系统的内容和数据层与展示层分开。这种模式允许开发人员自由选择前端框架以及展示方式,同时也能够带来更好的开发和维护体...

    1 年前
  • Serverless 应用如何进行负载均衡

    随着云计算技术的不断发展,Serverless 应用逐渐成为了云计算领域的热门话题。Serverless 应用的出现为开发者提供了一种更加便捷、高效和成本更低的开发方式。

    1 年前
  • 如何在 ES9 中使用 Proxy 实现对象的拦截和监测

    在现代的 Web 应用开发中,JavaScript 已经成为最为流行的编程语言之一。而在 JavaScript 开发中,ES6 提供了许多非常实用的新特性,其中 Proxy 就是其中之一。

    1 年前
  • LESS 中如何垂直居中元素?

    在前端开发中,特别是在布局方面,实现元素垂直居中是一项非常常见的任务。虽然 CSS 提供了多种方式来实现,但我们还可以通过 LESS 的功能来更加简化和优化代码。 方法一:使用 Flexbox Fle...

    1 年前
  • 使用Web Components 实现响应式表格布局组件

    随着Web技术的不断发展,前端开发者们越来越注重对页面布局的响应式处理。而表格这个页面元素除了在数据展示方面得到了广泛的应用,也用于制作一些响应式布局。因此,本文将分享如何使用Web Componen...

    1 年前
  • Jest 测试框架:如何进行 React 和 Redux 的集成测试

    Jest 是一款由 Facebook 推出的 JavaScript 测试框架。它具有简单易用、运行速度快、支持快照测试等特点,成为了前端开发中不可或缺的一环。 在前端开发中,React 和 Redux...

    1 年前
  • Fastify 框架下的处理大型 SQL 查询的最佳实践

    随着互联网技术的迅猛发展,大型数据查询已成为了一个常见问题。为了优化 SQL 查询的性能,开发人员需要了解一些最佳实践。本篇文章将介绍在 Fastify 框架下处理大型 SQL 查询的最佳实践,并提供...

    1 年前
  • 使用 Socket.IO 实现实时用户行为跟踪的完整教程

    介绍 在 Web 开发中,跟踪用户行为并及时响应是一个很关键的问题。实时的用户行为跟踪可以让我们更好的理解用户的行为习惯,进而优化产品体验。而 Socket.IO 作为现在比较流行的一种实时通信方式,...

    1 年前
  • RESTful API 中如何解决数据缓存问题

    RESTful API 是一种基于 HTTP 协议的 Web API 设计标准,它将应用的功能抽象成一个 URI,通过 HTTP 方法来对资源进行操作,而这些操作可以被任何支持 HTTP 协议的客户端...

    1 年前
  • Cypress 测试遇到元素拖拽无法完成的问题如何解决

    前言 在前端开发中,我们经常会使用到自动化测试工具 Cypress,用于测试网站的各个功能是否正常,包括页面的交互、表单的提交等。其中,元素拖拽也是我们需要测试的一个功能。

    1 年前
  • Node.js 中的线程池和集群管理

    Node.js 是一种流行的、跑在服务器端上的 JavaScript 运行时环境,它使用事件驱动、非阻塞 I/O 模型,能够有效地处理高并发请求,因此广泛应用于 Web 应用程序的开发中。

    1 年前
  • Sequelize 中如何实现多集群方案

    在当今的云计算时代,多集群架构已经成为一个比较热门的话题。多集群可以带来更好的性能、可靠性、安全性等等优势,所以越来越多的公司和团队开始采用多集群方案。 在前后端分离的架构中,数据库是一个很重要的组成...

    1 年前
  • Webpack 如何处理 Less 文件?

    Less 是一种动态样式语言,它允许采用 CSS 预处理器的方式来编写 CSS。在前端开发中,Less 的应用越来越广泛,而 Webpack 则是目前主流的前端构建工具之一。

    1 年前
  • 解决 Express.js 中间件顺序错误导致的一些问题

    在 Express.js 中使用中间件是非常常见的操作,并且它可以帮助我们处理各种不同的请求和响应。但是,中间件的顺序却非常重要,错误的中间件顺序可能会导致一些问题和错误。

    1 年前
  • CSS Grid 中实现类似 Masonry 布局的技巧

    Masonry 布局是一种非常流行的瀑布流式布局,最初应用于 Pinterest 等社交分享类网站中,以其美观的效果和灵活的排版方式备受喜爱。现在,随着 CSS Grid 技术的普及,我们也可以用 C...

    1 年前
  • PWA 技术:如何解决网页启动速度慢问题

    在移动互联网时代,网页的用户体验变得越来越重要。尤其是针对移动设备用户,网页启动速度慢已经成为了一个很大的问题。 近些年,PWA 技术随着浏览器的支持和开发人员的追捧越来越流行。

    1 年前
  • Redis 使用的三种缓存模式

    Redis 是一种开源的内存数据库,可以用于缓存、消息队列、用户信息存储等多种场景。在前端开发中,使用 Redis 缓存技术可以提高网站性能和用户体验。本文将介绍 Redis 的三种常见缓存模式:简单...

    1 年前
  • MongoDB 的数据分片实现方法及原理

    前言 MongoDB 是一个高性能、高可用性的分布式数据库系统,可以支持海量数据的处理。随着数据量的不断增加,单个 MongoDB 实例已经难以满足需求,此时数据分片就成为了解决方案。

    1 年前

相关推荐

    暂无文章