文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

使用Node.js的async和await进行异步编程

2023-05-18 20:23

关注

Node.JS官方文档:https://nodejs.dev/en/

创建异步函数,并返回相关数值:

一般方式创建

 
function fn(){
    return Promise.resolve(10)
}
// 读取结果需要通过then去读取
fn().then(r => {
    console.log(r)
})

通过async方式创建:



async function fn2(){
    return "async返回的数据10"
}
// 读取结果需要通过then去读取
fn2().then(r => {
    console.log(r)
})

在async声明的函数中可以使用await关键字来调用异步函数

 

// 创建一个函数计算 a + b的结果,但是异步,即返回的Promise
function sum(a, b){
    return new Promise(resolve => {
        setTimeout(() => {
            resolve(a + b)
        }, 2000)
    })
}
// 通过async创建一个异步函数
async function fn3() {
    sum(123, 456).then(r => {
        console.log(r)
    })
}
// 调用fn3()
fn3()

// 创建一个函数计算 a + b的结果,但是异步,即返回的Promise
function sum1(a, b){
    return new Promise(resolve => {
        setTimeout(() => {
            resolve(a + b)
        }, 2000)
    })
}

async function fn4() {
    // 链式调用
    // sum1(123, 456)
    //     .then(r => sum(r, 8))
    //     .then(r => sum(r, 8))
    //     .then(r => console.log(r))
    // 当我们通过await去调用异步函数时候,它会暂停代码的运行
    // 直到异步代码执行有结果时,才会将结果返回
    // 注意 await只能用于 async声明的异步函数中,或者es模块的紧急作用域中
    // await阻塞的只是异步函数内部的代码,不会影响外部代码
    // 通过 await 调用异步代码时,需要通过try-catch来处理异常
    try{
        let result = await sum(123, 456)
        result = await sum(result, 8)
        result = await sum(result, 9)
        console.log(result)
    }catch(e){
        console.log("出错了")
    }
    // awwit阻塞的是异步函数内部的代码
    // console.log(123)
    // console.log(222)
    // console.log(333)
}
// 调用fn3()
fn4()
// await不会阻塞外部代码
console.log("外部代码")

如果async声明的函数没有写await,那么它就会依次执行

// 如果async声明的函数中没有写await,那么它里面就会依次执行
async function fn4(){
    console.log(1)
    console.log(2)
    console.log(3)
    console.log(4)
    // 如果有return 
    return 10
}
fn4()
// fn4等价于fn5
function fn5() {
    return new Promise(resolve => {
        console.log(1)
        console.log(2)
        console.log(3)
        console.log(4)
        resolve(10) // return放在resolve中 fn4如果没有返回值,resolve就为空
    })
}
fn5()
console.log(5)  // 执行结果 1 2 3 4 5 1 2 3 4 5 6

使用await调用函数后,await当前函数后的所有代码,会先进入微任务队列

await后的所有代码,都会放入到微任务队列中执行

// 同步代码前加await
async function fn6(){
    console.log(111)
    
    await console.log(112)
    // await后的所有代码,都会放入到微任务队列中执行
    console.log(113)
}
fn6()
console.log(222)  // 执行结果为 111 112 222 113
// 等价于
function fn7() {
    return new Promise(resolve => {
        console.log(111)
        // 上面的在此处加了await
        console.log(112)
        resolve()
    }).then(r => {
        console.log(113)
    })
}

到此这篇关于使用Node.js的async和await进行异步编程的文章就介绍到这了,更多相关Node.js async和await内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯