新手上路,请教一道js题求老司机指点!

在一个网站上看到的,看了整篇文章,还是不知道这个的结果时怎么出来的,真的好菜,特来向大家请教下怎么来的(麻烦详细点,比较笨。)
console.log(1);
newPromise(function(resolve,reject){
reject(true);
window.setTimeout(function(){
resolve(false);
},0);
}).then(function(){
console.log(2);
},function(){
console.log(3);
});
console.log(4);
顺便帮作者打波广告,文章原链接:链接描述
慕的地8271018
浏览 276回答 2
2回答

哆啦的时光机

答案:143过程:首先整段js从上到下执行,遇到console.log(1)输出了1;遇到了newPromise(function(resolve,reject){})。继续往里看,遇到了reject(true)。此时的promise的状态由pending变成了rejected。再往下看,是一个setTimeout,setTimeout方法内部的操作将会被丢到下一个宏任务的队列中执行,即使时间为0。执行完function内部看.then()了。.then()内部的操作将丢到微任务队列里面等待执行。继续向下看,遇到console.log(4)输出4此时这个宏任务已经执行完啦,开始执行微任务。微任务队列中有个.then(),.then()方法可以接受两个回调函数作为参数。第一个回调函数是Promise对象的状态变为resolved时调用,第二个回调函数是Promise对象的状态变为rejected时调用。其中,第二个函数是可选的。此时的promise的状态是rejected,于是走的是第二个function(){},也就是console.log(3),于是便输出了3微任务队列也执行完了,开始执行下一轮的宏任务,也就是setTimeout内部的操作,但是此时的resolve(false)并不能改变promise的状态,因为promise的状态一旦改变了就一直保持这个状态不会再发生变化了。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript