koa2学习笔记(三)async/await

1,549 阅读2分钟

async

无论是使用koa还是node,我们都会遇到大量都异步处理,在之前我们处理异步都方法是使用回调函数,可是那样既不美观也很很不容易后期维护。于是async函数出现了,我们可以用同步的方式来调用异步方法。

async使用方法

async function asyncF() {
    return 'I am a async result'
}
let async_result = asyncF()

console.log(async_result)
Promise { 'I am a asyncSync result' }

这里返回的是一个promise对象,这是es6里面的类型,在promise对象里面有一个then方法,在then方法里面我们可以拿到promise对象返回的值。我们来试试

async_result.then((res) => {
    console.log(res)
})
I am a asyncSync result

await

await必须配合async使用,顾名思义,是async wait (等待异步)的意思。

// 定义一个睡觉函数
function sleep(ms){
    return new Promise((resolve,reject)=>{
        setTimeout((ms)=>{
            resolve('睡觉了'+ms+'ms')
        },ms)
    })
}

// 定义一个async函数
async sleeptime(ms)=>{
    const start = Date.now() //开始时间
    await sleep(ms)
    const end = Date.now()
    console.log(end-start+'ms')
}
sleeptime(3000)  //睡觉3000ms

结果

// 打印结果也是3000ms
3000ms

await一般在等待async方法执行完毕,但是其实await等待的只是一个表达式,这个表达式在官方文档里说的是Promise对象,可是它也可以接受普通值。

async function testAsync() {
    return 'testAsync'
}
async function testAwait2() {
    let time1 = Date.now()

    await '1233'
    let time2 = Date.now()
    console.log(`cost ${time2 - time1} ms`)

    await delayF()
    let time3 = Date.now()
    console.log(`cost ${time3 - time2} ms`)

    await testAsync()
    let time4 = Date.now()
    console.log(`cost ${time4 - time3} ms`)
}
testAwait2()

结果

cost 1 ms
cost 3002 ms
cost 1 ms

总结

  • async是声明一个异步的函数,返回一个promise对象。
  • await是等待一个表达式(promise)的返回值执行完毕,必须结合async使用。
  • 写在await后面的方法都会等待await中的异步方法执行完毕之后再执行。

最后

欢迎指出不足,我会补充上去,还在持续更新。记录学习过程。

小强前端交流群QQ群:724179055

定时分析技术和资料,欢迎大家进来一起交流。

往期回顾地址: