面试题--promise和setTimeout的输出顺序

面试题–promise和setTimeout的输出顺序

下面一段代码是在网上看到的一段关于promise和setTimeout的输出顺序的代码，下面做一下解答，有兴趣的百度自行了解js的执行机制（包括宏任务和微任务，这里就不在多说）：

1、new promise事件只要建立，里面的代码会立即执行；
2、promise.then()和process.nextTick（）的代码会在本轮"事件循环"结束时执行；
3、setTimeoutd(fn, 0)的代码会在下一轮"事件循环"开始时执行；
4、最后执行setTimeout(fn,1000)的代码。

setTimeout(function () {var np =new  Promise(function (resolve,reject) {console.log(1)resolve()})np.then(_=>{console.log(2)})console.log(3)
},1000)var pro = new Promise((resolve, reject) => {console.log(5)resolve()
}).then(_=>{setTimeout(function () {console.log(6)},0)return 7;
}).then(n=>{console.log(n)
})
console.log(4)
//执行结果 5  4  7  6  1  3  2

首先执行代码遇到setTimeout(fn, 1000)将其放到消息队列中
往下执行遇到new promise()直接执行里面的代码第一个输出5，遇到promise.then后将promise.then放到本次事件循环的结束
再往下执行遇到console.log(4)，所以第二个输出4，本次事件循环即将结束，去取promise.then()的代码
第一个promise.then()里含有setTimeout(fn, 0)应当将其放在下一轮事件循环的开始
紧接着第二个promise.then()执行n就是第一个promise.then()的返回值所以第三个输出7
开始第二轮事件循环，首先读取setTimeout(fn, 0)，第四个输出6
将消息队列中的setTimeout(fn, 1000)取出来开始第二轮，还是一样的道理，紧接着输出1，3，2

面试题--promise和setTimeout的输出顺序相关推荐

js事件循环——看输出顺序
js事件循环: 由于js是单线程的,同一时间只能干一件事情,当期宿主环境为浏览器时,若一个任务耗时过长会导致页面阻塞.因此有了js事件循环机制,它将任务分成同步任务和异步任务,同步任务在主线程不断执行 ...
DateGridView列的输出顺序反了
问题: 敲机房里显示数据表的窗体,我用代码写的数据源绑定到datagridview控件显示的时候,顺序和数据库查询出来的表的顺序相反过程: 后来一直在查DateGridView列的输出顺序反了怎么办 ...
LUA表 pairs, ipairs输出顺序问题
LUA表 pairs, ipairs输出顺序问题 t = {[1] = 222,[2] = 23,[3] = 2433,[42] = 135,[5] = 1287,[7] = 7,[102] = 10 ...
Jackson 注解 -- 指定输出顺序
默认情况下,字段的输出顺序和它们在类中的位置一致,我们也可以使用注解 @JsonPropertyOrder 自己指定顺序. package shangbo.jackson.demo12;import ...
[转载] 【Python】set() 集合操作与运算元素输出顺序
参考链接: Python中set的copy 集合 | SET 集合(set)是Python中一种重要的数据类型,表示一组各不相同元素的无序集合,其主要应用于重复元素消除及关系测试等集合在Pytho ...
剑指offer——面试题61：按之字形顺序打印二叉树
剑指offer--面试题61:按之字形顺序打印二叉树 Solution1: 基于上一题的解法,缺点:效率低下! /* struct TreeNode {int val;struct TreeNode ...
面试题promise原理
面试题Promise原理在Promise的内部,有一个状态管理器的存在,有三种状态:pending.fulfilled.rejected. (1) promise 对象初始化状态为 pending. ...
JsonObject存入顺序和输出顺序不一样问题-豆果
2019独角兽企业重金招聘Python工程师标准>>> ##JsonObject的输入顺序和输出顺序不一样问题 ###问题原因在于JsonObject的默认实现的是用HashMap, ...
在顺序表中第五个位置插入一个元素9，实现顺序表插入的基本操作，输出顺序表中所有元素
题目在顺序表中第五个位置插入一个元素9,实现顺序表插入的基本操作,输出顺序表中所有元素 #include<iostream>using namespace std; #define OK ...

面试题--promise和setTimeout的输出顺序

面试题–promise和setTimeout的输出顺序

面试题--promise和setTimeout的输出顺序相关推荐

最新文章

热门文章