js async and await

闭眼.深呼吸。

已于 2024-01-12 11:56:41 修改

阅读量27

点赞数

文章标签： javascript 前端开发语言

于 2023-08-23 15:41:18 首次发布

本文链接：https://blog.csdn.net/sinat_33422489/article/details/132453974

版权

本文解释了async和await关键字在JavaScript中的作用，强调了async函数不会阻塞代码并返回Promise，以及await必须在async函数中使用以等待Promise结果。通过例子展示了它们在函数调用顺序上的影响。

摘要由CSDN通过智能技术生成

async 用于修饰函数，不会阻塞代码，且将返回数据时自动封装为promise

await 必须要在 async 函数内使用，阻塞取返回值，如返回值非Promise 则返回该值本身，如果是 Promise 则获取 Promise 的值

 function time (){
        console.log(2)
        return new Promise(resolve => {
            setTimeout(function (){
                console.log("time-end")
                return resolve("time")
            }, 6000)
        })
    }
    async function test1(){
        console.log(1);
        const time1 = await  time() //打印顺序 1256789 time-end 34
        // const time1 = time() //打印顺序 123456789 time-end 
        console.log(3, time1);
        console.log(4);
        return "test1"
    }
    console.log(5, test1())
    console.log(6)
    console.log(7)
    console.log(8)
    console.log(9)