promise和async/await

Posted weixin_43553755

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了promise和async/await相关的知识,希望对你有一定的参考价值。

promise和async/await

一、先来了解一下关键字

async:放在函数前面,表示该函数是一个异步函数。他的返回值是会封装为一个promise对象。
await: await只会等待promsie, 非promise的情况可以忽略await;

二、案例分析

代码如下(示例):
1.打印Promise
2. 为peding状态的时候会一直在这等待,直到resolve被执行了才会进行下一步
3. 执行await之后拿到返回值再执行then

        // async返回的是一个promise对象
        async function test() 
            //2. 为peding状态的时候会一直在这等待,直到resolve被执行了才会进行下一步
            let result = await new Promise((resolve) => 
                setTimeout(() => 
                    resolve('这是一个测试')
                , 1000)
            )
            return result
        
        console.log(test()) //1. Promise<peding>
        
        //3. 执行await之后拿到返回值再执行then
        test().then((res) => 
            console.log(res) // 这是一个测试
        )

总结

希望对大家能有帮助

以上是关于promise和async/await的主要内容,如果未能解决你的问题,请参考以下文章

js异步回调Async/Await与Promise区别 新学习使用Async/Await

Async/Await替代Promise的理由

promise和async/await

promise和async/await

promise和async/await

promise和async/await