前端面试题——对promise的理解以及js执行机制

最新推荐文章于 2025-01-16 19:37:37 发布

金木女友

最新推荐文章于 2025-01-16 19:37:37 发布

阅读量142

点赞数

文章标签： javascript 前端 typescript

本文链接：https://blog.youkuaiyun.com/qq_43715797/article/details/127709099

版权

<!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></body>
</html>
<script>
  /* 
Promise.resolve()介绍
说明：静态方法 Promise.resolve返回一个解析过的Promise对象。
语法：Promise.resolve(value)
参数：
value {Object | Promise}：如果 value参数 是一个 Promise ，那么将返回这个 Promise ；
否则 value参数 作为下一个then()的传入参数。
返回值：返回一个Promise对象。
 */
  const first = () =>
    new Promise((resolve, reject) => {
      console.log(3);
      let p = new Promise((resolve, reject) => {
        console.log(7);
        setTimeout(() => {
          resolve(6);
          console.log(5);
        }, 0);
        resolve(1);
      });
      resolve(2);
      p.then((arg) => {
        console.log(arg);
      }).catch((err) => {
        reject();
        console.log(0);
      });
    });
  first()
    .then((arg) => {
      console.log(arg);
    })
    .catch((err) => {
      console.log(8);
    });
  console.log(4);

  // 3
  // 7
  // 4
  // 1
  // 2
  // 5
</script>