eventLoop

本文最后更新于：2023年8月15日下午

宏任务和微任务

在 JS 的异步代码中又区分 “宏任务(MacroTask)” 和 “微任务(MicroTask)”

宏任务：宏/大的意思，可以理解为比较费时比较慢的任务
微任务：微/小的意思，可以理解为相对没那么费时没那么慢的任务

常见的宏任务和微任务

MacroTask：setTimeout、setInterval、setImmediate(IE独有) …
MicroTask：Promise、MutationObserver、process、nextTick(node独有) …

注意点：所有的宏任务和微任务都会放到自己的执行队列中，也就是有一个 宏任务队列 和一个 微任务队列，所有放到队列中的任务都采用 **”先进先出原则”**，也就是多个任务同时满足条件，那么会先执行先放进去的

完整执行顺序

从上至下执行所有同步代码
执行微任务队列中所有任务
执行宏任务队列中的第一个
然后执行2,3,2,3如此往复直至结束

注意点：

每次执行宏任务都是去一个出来
每次执行微任务都是立刻清空
在执行过程中遇到宏任务就放到宏任务队列中，遇到微任务就放到微任务队列中，这个操作在每一步都可能遇到

function a() {
	console.log('a');        
	Promise.resolve().then(() => {          
		console.log('e');        
	});        
	Promise.resolve().then(() => {          
		console.log('ee');        
	});    
}
function b() {console.log('b');}
function c() {
	console.log('c');      
	Promise.resolve().then(() => {        
		console.log('cc');      
	});    
}
function d() {        
	setImmediate(a);        
	var temp = Promise.resolve().then(b);        
	setTimeout(c, 0);        
	console.log('d');    
}    
d();// d b a e ee c cc