js中的异步(promise的使用，ajax)

最新推荐文章于 2024-05-28 11:44:38 发布

全栈开发crud师

最新推荐文章于 2024-05-28 11:44:38 发布

阅读量608

点赞数

分类专栏：前端文章标签： javascript 前端 es6

本文链接：https://blog.csdn.net/Sunraiseprice/article/details/121332404

版权

前端专栏收录该内容

48 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script>
      // function yao() {
      //     return new Promise((resolve, reject) => {
      //         let sino = parseInt(Math.random() * 6 + 1)
      //         setTimeout(() => {
      //             resolve(sino)
      //         }, 3000)
      //     })
      // }
      function eat() {
        console.log('吃');
      }

      function he() {
        console.log('喝');
      }

      function sleep() {
        console.log('睡');
      }

      async function test() {
        await setTimeout(sleep, 3000);
        await setTimeout(eat, 2000);
        await setTimeout(he, 1000);
        // let n1 = yao();
        // console.log(n1);
        // let n = await yao();

        // console.log(n);
      }

      test();
      console.log('hah');
    </script>
  </head>

  <body></body>
</html>

在这里插入图片描述

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // function print(delay, message) {
        //     return new Promise(function (resolve, reject) {
        //         setTimeout(function () {
        //             console.log(message);
        //             resolve();
        //         }, delay);
        //     });
        // }

        function print(delay, message) {

            setTimeout(function () {
                console.log(message);
            }, delay)

        }
        async function asyncFunc() {
            // print(1000, "First");
            // print(4000, "Second");
            // print(3000, "Third");
            await print(1000, "First");
            await print(4000, "Second");
            await print(3000, "Third");
        }
        asyncFunc();
    </script>
</body>

</html>

在这里插入图片描述

全栈开发crud师

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
js中的异步(promise的使用，ajax)

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <script> // function y
复制链接

扫一扫