32、js - async await 与线程休眠

原创已于 2023-06-13 21:02:24 修改 · 241 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言 #ecmascript #前端 #前端框架

于 2023-06-08 22:02:58 首次发布

本文介绍了async/await语法，它使得异步代码能以同步的方式编写。通过示例展示了如何在async函数中使用try/catch捕获异常，以及与axios库结合处理HTTP请求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、 async await简介

async await：让异步代码写起来像同步代码一样

try{}catch(){}只能用于捕获同步代码的错误，所以下面可以使用try{}catch(){}

async是函数的修饰符，与函数一起使用

<script src="./axios.min.js"></script>
<script>

    async function getData() {

        try {

            const p1 = await axios({ url: "http://hmajax.itheima.net/api/province" });

            console.log(p1);

            const p2 = await axios({ url: "http://hmajax.itheima.net/api/province" });

            console.log(p2);

            const p3 = await axios({ url: "http://hmajax.itheima.net/api/province" });

            console.log(p3);

        } catch (error) {
            // 捕获 async await 的异常
            // try 里面的请求发生错误都会在这里进行捕获
            console.log(error);
        }

    }
    getData();

</script>