js中的微任务,宏任务
1. javascript是单线程语言
javascript是一门单线程语言,虽然HTML5中提出了Web-Worker,但javascript是单线程这一核心仍未改变。所有javascript版的"多线程"都是用单线程模拟出来的。
2. javascript中的微任务,宏任务
macro-task(宏任务):包括整体代码script,setTimeout,setInterval
micro-task(微任务):Promise,process.nextTick
3. javascript中的事件循环
js是单线程,所有js任务都要一个一个执行。如果一个任务耗时过长,那么后一个任务也必须等着。这样体验很不好
所以就有了javascript中的 同步任务,异步任务:
- 同步和异步任务分别进入不同的执行"场所",同步的进入主线程,异步的进入Event Table并注册函数。
- 当指定的事情完成时,Event Table会将这个函数移入Event Queue。
- 主线程内的任务执行完毕为空,会去Event Queue读取对应的函数,进入主线程执行。
- 上述过程会不断重复,也就是常说的Event Loop(事件循环)。
js引擎存在monitoring process进程,会持续不断的检查主线程执行栈是否为空,一旦为空,就会去Event Queue那里检查是否有等待被调用的函数。
来分析一段较复杂的代码,看看你是否真的掌握了js的执行机制:
setTimeout(()=>{ console.log(1) new Promise((resolve)=>{ console.log(2) resolve() }).then(()=>{ console.log(3) }) }) async function async1() { await new Promise(resolve => { console.log(4); // 如果不加上resolve(), 后续代码console.log(6)将不会被执行, console.log(6)可以简单理解为是.then的回调事件 resolve() }).then(()=>{ console.log(5) }) console.log(6) } console.log(7) Promise.resolve().then(() => { console.log(8) }) async1() console.log(9)
运行结果: 7 , 4 , 9 , 8 , 5 , 6 , 1 , 2 , 3