async和await用法

1.async 可以把普通函数变成异步函数，用来修饰函数，这种函数被称之为async函数，并且async函数会返回一个 Promise 对象，可以使用then方法添加回调函数。其中，async函数内部return语句返回的值，会成为then方法回调函数的参数。

 async function test() {
                    return "hello wrold!"
                }

                // console.log(test());会打印一个promise

                test().then(res => {
                    console.log(res);
                })
                // 通过promise then方法打印出hello wrold!
                // promise本身是同步函数
                new Promise(() => {
                    console.log("hh");
                })
            // 最后会发现，控制台先打印的是hh 其次是hello wrold!

js执行顺序（先执行同步任务，在执行异步任务中的微任务，最后执行异步任务中的宏任务）

 

 

 2.await命令与async配合使用，单独使用会报错，正常情况下，await命令后面是一个 Promise 对象，返回该对象的结果。如果不是 Promise 对象，就直接返回对应的值。

 // await不能单独使用，必须配合async
        function test() {
            return "天气不错"
        };

        function result() {
            const val = await test()
            console.log(val) //await is only valid in async function
        }
        result();

当函数执行的时候，一旦遇到await就会先返回，等到异步操作完成，再接着执行函数体内后面的语句。

await 不是同步的，是异步的（按照同步的方式处理异步代码），遇到await以后，await后的代码会进入任务队列，当所有的主线程上的同步任务执行完以后，才会执行await

 async function test() {
            return "天气不错哦"
        };
        async function result() {
            const value = await test();
            console.log(value) //天气不错哦 2
            console.log("确实啊");
            // 确实啊 3 等value打印出后才进行打印
        }
        result()
        console.log("真的不错");
        // 1 真的不错