1>两个异步队列不一样,promise所在的异步队列优先级要高一点。
setTimeout(function(){
console.log(1);
},0);
new Promise(function executor(resolve){
resolve();
}).then(function(){
console.log(2);
})//2,1
解释下面的代码:创建promise实例是同步执行的,所以输出1,2,3,但是promise.then和setTimeout是异步执行的,promise所在的异步队列优先级要高一点。
(function test(){
setTimeout(function(){
console.log(4);
},0)
new Promise(function(resolve){
console.log(1);
for(var i=0;i<1000;i++){
i==999&&resolve();
}
console.log(2)
}).then(function(){
console.log(5)
});
console.log(3);
})()//1,2,3,5,4
但是在不同浏览器输出的顺序不同(修复了这个问题)
2>Event Loop怎么处理macrotask(宏任务)和microtask(微任务)
任务队列分为microtasks和macrotasks
microtasks: peomise,Object.observe...
macrotasks: setTimeout,setInterval,I/O,UI渲染
Task queue==macrotask queue!=micotask queue
每一个事件循环(event loop)都有一个microtasks
一个任务task可以放在macrotask queue也可以放在micotask queue
执行与原理:它从整体代码开始第一次循环,之后全局上下文进入函数调用栈,直到函数调用栈清空,然后执行所有的micro-task,当所有可执行的micro-task执行完毕后。循环再次从macro-task开始,找到其中一个任务队列执行完毕,然后在执行所有的macro-task,这样一直循环下去。