async await 小练习

最新推荐文章于 2023-04-17 09:32:28 发布

男儿当自强1

最新推荐文章于 2023-04-17 09:32:28 发布

阅读量119

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/y18774585870/article/details/124768516

版权

<!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>async await 小练习</title>
</head>
<body>
</body>
</html>
<script>
    //  使用 async await 将异步代码 变为同步代码
    //   依次 打印 1 2 3
    function fn1() {
        return new Promise((res, rej) => {
            setTimeout(() => {
                res('2')
            }, 3000)
        })
    }
    async function fn() {
        console.log('1');
        b = await fn1()
        console.log(b);
        console.log(3);
    }
    fn()

    // 不使用 async  await  代码默认异步执行
    // 依次 打印 1 3 2
    function fn1() {
        return new Promise((res, rej) => {
            setTimeout(() => {
                res('2')
            }, 3000)
        })
    }
     function fn() {
        console.log('1');
        b =  fn1()
        b.then(res=>{
            console.log(res);
        })
        console.log(3);
    }
    fn()
</script>```

男儿当自强1

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
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>asy
复制链接

扫一扫