7-如何中断Promise链

<!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>
      let p = new Promise((resolve, reject) => {
        setTimeout(() => {
          resolve("Ok");
        }, 1000);
      });

      p.then((value) => {
        console.log(111);
        // 中断Promise链只有一个方式,返回一个状态为pending状态的Promise,当then方法的返回值是pending的时候后面的then和catch方法都不会执行
        return new Promise((resolve, reject) => {});
      })
        .then((value) => {
          console.log(222);
        })
        .then((value) => {
          console.log(333);
        })
        .catch((reason) => {
          console.log(reason);
        });
    </script>
  </body>
</html>
posted @ 2022-01-02 16:39  问某完红  阅读(245)  评论(0编辑  收藏  举报