js引擎的执行机制

js引擎的执行机制

JS的Event Loop是JS的执行机制,理解JS的执行,必须理解Event Loop

JS是单线程的,为什么？
技术是和现实世界的场景密切相关的.如果JS是多线程的,如果有多个线程,同时操作同一个DOM,如果相互矛盾,浏览器不知如何执行。.实现异步

为什么需要异步?
需要异步的原因是如果请求时间过长,那么页面很容易假死.我们可以先吧异步放入任务队列中,把非异步的执行完,再回头执行异步任务

单线程怎么实现异步?
通过Event Loop

如何控制事件执行顺序?
通过宏任务和微任务.宏任务,script,setTimeOut,setInterval.微任务:Promise,process.nextTick
执行顺序，一个宏任务-->普通js代码--》遇到宏任务和微任务(放入任务队列) --》普通JS代码执行完--》执行这个宏任务的所有微任务-->执行下一个宏任务-->普通JS代码--遇到宏任务和微任务(放入任务队列) --》普通JS代码执行完--》执行这个宏任务的所有微任务--执行下一个宏任务(这里要注意是按照先进先出的执行宏任务队列的,上一轮先排进宏任务队列的先执行,本轮的排到了最后)如图。
setTimeout(fn,1000) 是隔1000ms压入到宏任务队列,等待执行.可以为0,但是H5默认最小值为4ms，老版本为10ms,对DOM操作的变动,页面重新渲染的,16Ms执行

QQ截图20180402225633.png