這篇文章主要介紹了理解Koa2中的async&await的用法,現在分享給大家,也給大家做個參考。
Koa是一款非常著名的Node服務端框架,有1.x版本和2.x版本。前者使用了generator來進行非同步操作,後者則用了最新的async/await方案
#一開始使用這種寫法的時候,我遇到一個問題,程式碼如下:
const Koa = require('koa'); const app = new Koa(); const doSomething = time => { return new Promise(resolve => { setTimeout(() => { resolve('task done!') }, time) }) } // 用来打印请求信息 app.use((ctx, next) => { console.log(`${ctx.method}:::${ctx.url}`) next() }) app.use(async ctx => { const result = await doSomething(3000) console.log(result); ctx.body = result }) app.listen(3000);
讓我們測試一下:curl http://localhost:3000
期望結果:
(3秒後...)task done!
然而現實卻是:
(立即)
Not Found
什麼鬼?為什麼沒有按照預期執行?這就需要我們來理解下Koa中中間件是如何串連起來的了。翻一下原始碼,將middlewares串連起來的程式碼如下:
function compose (middleware) { return function (context, next) { // 这个index用来计数,防止next被多次调用 let index = -1 // 执行入口 return dispatch(0) function dispatch (i) { // 如果next被多次调用,报异常 if (i <= index) return Promise.reject(new Error('next() called multiple times')) index = i // 取出第一个middleware let fn = middleware[i] // 将最初传入的next作为最后一个函数执行 if (i === middleware.length) fn = next if (!fn) return Promise.resolve() try { /** 这里就是关键了,Promise.resolve是什么意思呢? Promise.resolve方法有下面三种形式: Promise.resolve(value); Promise.resolve(promise); Promise.resolve(theanable); 这三种形式都会产生一个新的Promise。其中: 第一种形式提供了自定义Promise的值的能力,它与Promise.reject(reason)对应。两者的不同,在于得到的Promise的状态不同。 第二种形式,提供了创建一个Promise的副本的能力。 第三种形式,是将一个类似Promise的对象转换成一个真正的Promise对象。它的一个重要作用是将一个其他实现的Promise对象封装成一个当前实现的Promise对象。例如你正在用bluebird,但是现在有一个Q的Promise,那么你可以通过此方法把Q的Promise变成一个bluebird的Promise。第二种形式可以归在第三种里面 **/ return Promise.resolve(fn(context, function next () { // 执行下一个middleware,返回结果也是一个Promise return dispatch(i + 1) })) } catch (err) { return Promise.reject(err) } } } }
有了以上基礎,我們再來看一下之前的問題,為什麼response沒有等到第二個middleware執行完成就立即返回了呢?
因為第一個middleware並不是一個非同步函數啊。
由於每次next方法的執行,實際上都是返回了一個Promise對象,所以如果我們在某個middleware中執行了異步操作,要想等待其完成,就要在執行這個middleware之前加入await
那我們來改寫一下之前的程式碼
app.use(async (ctx, next) => { console.log(`${ctx.method}:::${ctx.url}`) await next() }) app.use(async ctx => { const result = await doSomething(3000) console.log(result); ctx.body = result })
好了,沒有問題,一切如期望執行:clap:
錯誤處理
借助了Promise強大的功力,配合async/await語法,我們只需要把try/catch的操作寫在最外層的middleware中,就可以捕獲到之後所有中間件的異常!
app.use(async (ctx, next) => { try{ await next() }catch(err){ console.log(err) } }) app.use(async (ctx)=>{ throw new Error('something wrong!') ctx.body = 'Hello' })
基於中間件鏈的完全控制,並且基於 Promise 的事實使得一切都變得容易操作起來。不再是到處的 if (err) return next(err) 而只有 promise
上面是我整理給大家的,希望今後會對大家有幫助。
相關文章:
在Vue.js 2.0和Cordova開發中如何建構webApp環境
以上是Koa2中有關async&await的用法有哪些?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

async是es7的。async和await是ES7中新增内容,是对于异步操作的解决方案;async/await可以说是co模块和生成器函数的语法糖,用更加清晰的语义解决js异步代码。async顾名思义是“异步”的意思,async用于声明一个函数是异步的;async和await有一个严格规定,两者都离不开对方,且await只能写在async函数中。

搭建vue3的项目创建项目前这里我们首先要说明的是,我们使用的版本情况Nodejs:v17.5.0pnpm:7.0.0Vue:3.2.25首先我们Vite创建一个vue3的项目demo,名字就叫FormValidate,我们在命令行输入命令pnpmcreateviteFormValidate回车然后选择vue继续回车,说明我们已经初步创建了FormValidate(表单验证)项目根据命令行的提示,我们进入项目根目录,然后使用命令pnpminstall安装项目需要的依赖,当然这里使用pnpm是比n

协程:协程(Coroutine),也可以被称为微线程,是一种用户态内的上下文切换技术。简而言之,其实就是通过一个线程实现代码块相互切换执行Python对协程的支持是通过generator实现的。在generator中,我们不但可以通过for循环来迭代,还可以不断调用next()函数获取由yield语句返回的下一个值。但是Python的yield不但可以返回一个值,它还可以接收调用者发出的参数。一、什么是generator(生成器)在Python中,这种一边循环一边计算的机制,称为生成器:gene

一.传统的Sync语法请求例子还是一样, 在了解Async语法的实现之前, 先从一个Sync的语法例子开始, 现在假设有一个HTTP请求, 这个程序会通过这个请求获取对应的响应内容, 并打印出来, 代码如下:import socket def request(host: str) -> None: """模拟请求并打印响应体""" url: str = f"http://{host}" sock

在Vue中如何使用async/await处理异步操作随着前端开发的不断发展,我们需要在Vue中处理更加复杂的异步操作。虽然Vue已经提供了很多便捷的方式来处理异步操作,但是在某些情况下,我们可能需要使用更加简单、直观的方式来处理这些异步操作。这时候,async/await就成为了一个非常不错的选择。什么是async/await?在ES2017中,async和

本篇文章给大家带来了关于JavaScript循环的相关知识,其中主要给大家聊聊在js循环中怎么使用使用await以及结果分析,感兴趣的朋友一起来看一下吧,希望对大家有帮助。

将查询结果转为对象或者数组在真实开发中,实际上某些查询结果应该放入到一个对象中JSON_OBJECT:()中是key-value的形式SELECTproducts.idasid,products.titleastitle,products.priceasprice,products.scoreasscore,JSON_OBJECT('id',brand.id,'name',brand.name,'rank&#

借助于新版 V8 引擎,Node.js 从 7.6 开始支持 async 函数特性。今年 10 月 31 日,Node.js 8 也开始成为新的长期支持版本,因此你完全可以放心大胆地在你的代码中使用 async 函数了。在这边文章里,我会简要地介绍一下什么是 async 函数,以及它会如何改变我们编写 Node.js 应用的方式。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

MantisBT
Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

DVWA
Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序,非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具,幫助Web開發人員更好地理解保護網路應用程式的過程,並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞,難度各不相同。請注意,該軟體中

EditPlus 中文破解版
體積小,語法高亮,不支援程式碼提示功能

Safe Exam Browser
Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

Atom編輯器mac版下載
最受歡迎的的開源編輯器