async/await的作用

嗷呜~嗷呜~呜呜~

已于 2022-03-23 14:57:33 修改

阅读量4.9k

点赞数

分类专栏： JavaScript 文章标签： javascript

于 2022-03-23 14:53:33 首次发布

本文链接：https://blog.csdn.net/weixin_63712639/article/details/123686239

版权

JavaScript 专栏收录该内容

56 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // async单独使用相当于Promise的语法糖,直接将fn3()转化为了异步函数
        // 要想使用catch()方法,必须搭配try...catch使用
        async function fn3() {
            return 1
        }
        fn3().then(data => {
            console.log(data);
        })

        function fn1() {
            return new Promise((resolve, reject) => {
                setTimeout(() => {
                    resolve('我应该后输出')
                }, 2000);
            })
        }
        // await 必须搭配async在其内部使用,将异步转化为同步
        async function fn2() {
            var a = await fn1() //等待a获取fn1()结果后才会继续往下执行(会等待2s) 异步变同步
            console.log(a);
            console.log('我应该先输出');
            return 1
        }
        fn2()
    </script>
</body>

</html>

嗷呜~嗷呜~呜呜~

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
async/await的作用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
复制链接

扫一扫