首先js是单线程的,意味着代码只能从上到下执行。浏览器为了模拟多线程,创建了event loop,称作js异步编程。当然浏览器内部有很多线程来辅助event loop的实现。
同步和异步
如果js代码都是同步的,从上往下执行的话,就不会有任何的交互功能了。异步使单线程js可以拥有定时器,ajax,事件等功能。
同异步执行机制
单线程的特性是代码从上往下执行,当遇到异步任务的时候会把异步任务的回调函数放到Event Table中等待异步任务执行完成,等异步任务完成时回调函数会从Event Table转移到Event Queue中。当浏览器主线程代码全部执行完毕之后会把Event Queue中的函数转移到主线程执行。
为什么浏览器知道主线程是否执行完毕呢?其实有一个monitoring process会持续不断的监听主线程的执行情况,一旦执行完毕就会检查Event Queue里是否等待被调用的函数。如果存在,它就会调用这个Queue中第一个函数转移到主线程中。如果Event Queue为空,那么这个monitoring process会继续监听主线程的执行程序,检查Event Queue里是否等待被调用的函数,一直这样反复(monitoring process是一直工作着的)。这一整个过程就是Event Loop。
Event Table和Event Queue的必要性:为什么回到函数要从Event Table转移到Event Queue再转移到主线程那?
因为当异步任务完成后就执行回到函数的话,有可能同步任务还没有执行完,所以要转移到Event Queue中等待同步任务执行完,在执行。
es6 promise
当es6 promise出来后,异步任务就细分成宏任务和微任务.
宏任务:setTimeout,setInterval,script主代码
微任务:promise
其实和之前差不多,只不过 Event Queue 分成了 微任务队列和宏任务队列,两种任务放在不同队列里。
当js开始执行的时候,其实是宏任务,把宏任务的回调函数转移进主线程,主线程执行完之后把微任务队列全部清空(也就是执行),在执行宏任务,这样一直循环,形成Event Loop