Promise执行顺序

发布时间:2023年12月18日

小编建议小伙伴们不要跳点看,每一点都是衔接,有比较的

本篇文章考查

①promise是同步任务还是微任务

②promise.then()什么时候执行,是微任务还是宏任务

③如何控制状态变化,不同状态变化,会执行哪个回调函数

?1、以下代码输出结果是什么?

let promise = new Promise((resolve,reject)=>{
  console.log(1);
  console.log(2);
})

promise.then(()=>{
  console.log(3);
})
console.log(4);

(1)promise其实是一个同步任务,只有promise.then才是微任务

(2)promise有三个状态resolve、reject、pending,只有状态发生改变时,才会执行后面的.then

(3)因此最终输出结果,如下图

没有执行3:因为状态没变,resolve和reject没有执行

2、以下代码输出结果是什么?

let promise = new Promise((resolve,reject)=>{
  console.log(1);
  console.log(2);
  resolve()
})

promise.then(()=>{
  console.log(3);
})
console.log(4);

与第1段代码只相差了resolve()被调用

resolve()被调用:意味着状态发生变化,.then微任务将被执行

3、以下代码输出结果是什么?

let promise = new Promise((resolve,reject)=>{
  console.log(1);
  console.log(2);
  reject()
})

promise.then(()=>{
  console.log(3);
})
console.log(4);

与第1段代码只相差了reject()被调用

reject()被调用:将直接报错,因为reject()对应执行的是.catch

4、以下代码输出结果是什么?

let promise = new Promise((resolve,reject)=>{
  console.log(1);
  console.log(2);
  reject()
})

promise.then(()=>{
  console.log(3);
}).catch((e)=>{
  console.log(e);
})
console.log(4);

与第3段代码区别在.catch

reject()被调用:执行.catch,但是由于e没有提供参数,所以是undefined

5、以下代码输出结果是什么?

let promise = new Promise((resolve,reject)=>{
  console.log(1);
  console.log(2);
  reject(5)
})

promise.then(()=>{
  console.log(3);
}).catch((e)=>{
  console.log(e);
})
console.log(4);

与第4段代码区别在给reject()传参

reject()被调用:执行.catch,输出5

6、以下代码输出结果是什么?

let promise = new Promise((resolve,reject)=>{
  console.log(1);
  console.log(2);
  reject(5)
})

promise.then(()=>{
  console.log(3);
},()=>{
  console.log(6);
}).catch((e)=>{
  console.log(e);
})
console.log(4);

与第5段代码区别在.then()有两个回调函数

.then被调用:有两个回调,则只执行第二个回调

文章来源:https://blog.csdn.net/qq_51478745/article/details/135054423
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。