前端知识点-事件循环

1、什么是同步异步

同步程序：从头到尾依次执行

异步程序：先执行一部分，等到拿到结果后执行下一部分

1、计时器（settimeout、setInterval）

2、ajax

3、读取文件

log(0)

settimeout=>（log(1),0）

settimeout=>（log(2),0）

settimeout=>（log(3),0）

log(5)

同步程序执行文成后，执行异步程序，上述代码结果05123

2、单线程

for(i<20000)log(0)

settimeout=>（log(1),0）

settimeout=>（log(2),0）

settimeout=>（log(3),0）

log(5)

会先输出20000个0后 在执行后续代码，因为js是一个单线程的，要先执行完一个任务后在执行下一个任务

3、事件循环

异步代码：计时器的时间到了才会放进任务队列中，在任务队列中再按照顺序进行执行，所以计时器的计时是不准确的

settimeout=>（log(1),0）

settimeout=>（log(2),100）

settimeout=>（log(3),0）

执行完同步代码后，将log（1）log（3）插入任务队列中，100ms后将2插入事件循环中，等待队列中所有任务执行完成后在执行

4、宏任务和微任务

宏任务：计时器、Ajax、读取文件

微任务：promise.then

执行顺序

1、同步

2、nexttick

3、微任务

4、宏任务（计时器，Ajax，文件读取）

5、setImmediate

await fn；

log（1）

后面的log相当于是then后面的，是一个微任务