fe-interview
fe-interview copied to clipboard
[js] 第293天 阅读下面关于setTimeout和Promise的代码,判断结果会输出什么?为什么?
第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)
3
5
4
undefined
1
3 5 4 undefined 1
先执行同步代码 再执行微任务代码 最后执行宏任务代码
依次输出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.
resolve 是用来赋值并修改value的
代码好像不见了
3 5 4 undefined 1
同步任务 3 5 4 微任务 undefined 因为Promise.resolve(value)会返回一个给定值解析后的Promise对象。 所以不会输出 2 1 宏任务最后执行