promise和async/await

Posted 2021-06-16 weixin_43553755

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) // 这是一个测试
        })

总结

希望对大家能有帮助