async函数

最新推荐文章于 2024-06-27 10:14:43 发布

Jason–json

最新推荐文章于 2024-06-27 10:14:43 发布

阅读量142

点赞数

本文链接：https://blog.csdn.net/weixin_46146313/article/details/105379995

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>async函数</title>
</head>
<body>
    

    <script>
        // new Promise((resolve)=>{
        //     setTimeout(()=>{
        //         console.log(1)
        //         resolve()
        //     },1000)
        // }).then(()=>{       //上面异步函数执行结束之后调用.then
        //     return new Promise((resolve)=>{
        //         setTimeout(()=>{
        //             console.log(2)
        //             resolve()
        //         },2000);
        //     })
        // }).then(()=>{       //上面异步函数执行结束之后调用.then
        //     return new Promise((resolve)=>{
        //         setTimeout(()=>{
        //             console.log(3)
        //             resolve()
        //         },2000);
        //     })
        // }).then(()=>{       //上面异步函数执行结束之后调用.then
        //     return new Promise((resolve)=>{
        //         setTimeout(()=>{
        //             console.log(4)
        //         },2000);
        //     })
        // })

        // async :这是一个异步函数  
        // 目的 对异步的回调地狱的一个终极处理方法
        // 把异步的处理机制，写成接近同步的处理机制，以增加代码的可读性，降低版本迭代的难度
        async function fn(){
        try{        //Promise 对象都写在里面  固定语法
            let  awa1 = await new Promise((resolve)=>{
                setTimeout(()=>{
                    resolve();
                    console.log(1)
                },1000)
            }) //成功了 用.then接着调用
            let  awa2 = await new Promise((resolve)=>{
                setTimeout(()=>{
                    resolve();
                    console.log(2)
                },1000)
            })
            let  awa3 = await new Promise((resolve)=>{
                setTimeout(()=>{
                    resolve();
                    console.log(3)
                },1000)
            })
        }catch(err){        //如果那个地方出错统一报错
            console.log(err) 
        }
        
        }
        fn();

    </script>
</body>
</html>

Jason–json

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
async函数

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>async函数<...
复制链接

扫一扫