Event Loop角度理解JavaScript 异步

Event Loop即事件循环 。是指浏览器或Node的一种解决javaScript单线程运行时不会阻塞的一种机制,也就是我们经常使用异步的原理。

不用想的太复杂,事件循环,如何使单线程变得不阻塞,循环高效的运行?

先说一下三个基本的数据结构(利于更好的理解)

堆:利用完全二叉树维护的一组数据,堆中某个节点的值总是不大于或不小于其父节点的值

栈:

       先进栈的是栈底,出来只能重栈顶出,所以只记住栈(站着进去,就的爬出来),四个字:后进先出

队列:

  队列的数据元素又称为队列元素,在队尾插入队列元素进行入队,在队头删除队列元素进行出队,只允许队尾入队,队头出队,所以四个字先进先出

JavaScript有两种任务:

宏任务(macro-task):同步script(整体代码),setTimeout回调函数,setInterval回调函数,I/O,UI rendering。

微任务(miccro-task):process.nextTick,promise回调函数,Object.observer,MutationObserver。

执行顺序:

1,首先Javascript引擎会执行一个宏任务,注意这个宏任务一般指主干代码本身,也就是目前的同步代码。(也就是进入栈中)

2,执行过程中如果遇到微任务,就把它添加到微任务队列中。

3,宏任务执行完成后,立即执行当前微任务队列中的微任务,直到微任务队列被清空。

4,微任务执行完成后,开始执行下一个宏任务。

5,如此循环反复,直到宏任务和微任务被清空。

 Even Loop是理论模型,在不同的环境有不同的实现。

浏览器的Event Loop是在HTML5规范中定义的,具体定义交给浏览器厂商

NodeJs的Event Loop 是基于Libuv实现的

原文地址:https://www.cnblogs.com/cqy1125/p/13518359.html