JavaScript|Promise

最新推荐文章于 2024-08-07 17:43:37 发布

Alan_Lowe

最新推荐文章于 2024-08-07 17:43:37 发布

阅读量104

点赞数 2

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

本文链接：https://blog.csdn.net/qq_45985728/article/details/119708296

版权

JavaScript 专栏收录该内容

27 篇文章 1 订阅

订阅专栏

JavaScript|Promise

Promise 是一个 ECMAScript 6 提供的类，目的是更加优雅地书写复杂的异步任务。

Promise 构造函数只有一个参数，是一个函数，这个函数在构造之后会直接被异步运行，所以我们称之为起始函数。起始函数包含两个参数 resolve 和 reject。

当 Promise 被构造时，起始函数会被异步执行，then()可以将当前函数添加到所属promise的异步执行序列表中：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Promise</title>
</head>
<body>

<script>
  new Promise(
      // Promise 构造函数只有一个参数，是一个函数，这个函数在构造之后会直接被异步运行，
      // 所以我们称之为起始函数,起始函数包含两个参数 resolve 和 reject。
      // 当 Promise 被构造时，起始函数会被异步执行
      function (resolve, reject) {
      setTimeout( function (){console.log("4秒");resolve();},4000 );
      }
  ).then(
      // then()可以将当前函数添加到该promise的异步执行序列表中
      function () {
      setTimeout( function (){console.log("6秒");},2000 );
      }
  ).then(
      function () {
      setTimeout(function () {console.log("8秒");}, 2000);
      }
  );

  new Promise(
          // Promise 构造函数只有一个参数，是一个函数，这个函数在构造之后会直接被异步运行，
          // 所以我们称之为起始函数,起始函数包含两个参数 resolve 和 reject。
          // 当 Promise 被构造时，起始函数会被异步执行
          function (resolve, reject) {
            setTimeout( function (){console.log("3秒");resolve();},3000 );
          }
  ).then(
          function () {
            setTimeout( function (){console.log("4.5秒");},1500 );
          }
  ).then(
          function () {
            setTimeout(function () {console.log("9.5秒");}, 5000);
          }
  );
</script>

</body>
</html>