fe-interview icon indicating copy to clipboard operation
fe-interview copied to clipboard

[js] 第293天 阅读下面关于setTimeout和Promise的代码,判断结果会输出什么?为什么?

Open haizhilin2013 opened this issue 5 years ago • 7 comments

第293天 阅读下面关于setTimeout和Promise的代码,判断结果会输出什么?为什么?

作者:lsjzjy

我也要出题

setTimeout(function () {
    console.log(1);
})
Promise.resolve(function () {
    console.log(2)
})
new Promise(function (resolve) {
    console.log(3);
    resolve();
}).then(function () {
    console.log(4)
})
console.log(5)

haizhilin2013 avatar Feb 02 '20 20:02 haizhilin2013

3
5
4
undefined
1

censek avatar Apr 28 '20 00:04 censek

3 5 4 undefined 1

先执行同步代码 再执行微任务代码 最后执行宏任务代码

zhaofeipeter avatar Jul 28 '20 06:07 zhaofeipeter

依次输出3 5 4 1,首先确立执行顺序:当前宏任务代码块=>微任务=>第二宏任务,new Promise和console.log(5)同属于当前宏任务,所以先输出3再输出5,new Promise里面的then属于微任务,所以输出4,Promise.resolve只是返回一个fulfilled状态的Promise,然后向下一个链式调用then传递了一个function () {console.log(2)},所以需要增加链式调用then((value)=>{value()}},这样处理这样才会输出2,所以根本就没有执行不会输出undefined,最后输出下一个宏任务结果1.

bozaigao avatar Sep 25 '20 04:09 bozaigao

resolve 是用来赋值并修改value的

a62527776a avatar Dec 11 '20 01:12 a62527776a

代码好像不见了

d4c-27 avatar Apr 13 '22 02:04 d4c-27

3 5 4 undefined 1

wangbow avatar Apr 13 '22 03:04 wangbow

同步任务 3 5 4 微任务 undefined 因为Promise.resolve(value)会返回一个给定值解析后的Promise对象。 所以不会输出 2 1 宏任务最后执行

xiaoqiangz avatar Sep 01 '22 06:09 xiaoqiangz