promise和async/await

Posted 2022-02-03 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) // 这是一个测试
        )

总结

希望对大家能有帮助