JavaScript事件循环

 

什么是事件循环？

  javascript是一门单线程且非阻塞脚本语言，这意味着JavaScript代码在执行的任何时候都只有一个主线程来处理所有任务。而非阻塞是指当代码需要处理异步任务时，主线程会挂起这个任务，当一部任务处理完毕后，主线程再根据一定规定去执行相应回调。

  事实上，当任务处理完毕后，JavaScript会将这个事件加入一个队列中，我们称这个队列为事件队列。被放入事件队列中的事件不会立即执行其回调，二十等待当前执行栈中的所有任务执行完毕后，主线程会去查找事件队列中是否有任务。

  异步任务有两种类型：微任务(microtask)和宏任务(macrotask)。不同类型的任务会被分配到不同的任务队列中。

  当执行栈中的所有任务都执行完毕后，回去检查微任务队列中是否有事件存在，如果存在，则会依次执行微任务队列中事件对应的回调，直到为空。然后去宏任务队列中取出一个事件，把对应的回调加入当前执行栈，当执行栈中的所有任务都执行完毕后，检查微任务队列中是否有事件存在。无限重复此过程，就形成了一个无限循环，这个循环就叫事件循环。

微任务：Promise.then、MutationObserve、Object.observe、process.nextTick
宏任务：setTimeout、setInterval、setImmediate、MessageChannel、requestAnimationFrame、I/O、UI交互事件

什么是执行栈

  当我们执行一个方法时，JavaScript会生成一个与这个方法对应的执行环境，又叫执行上下文。这个执行环境中有这个方法的私有做由于、上层作用域的指向、方法的参数、私有作用定义的变量以及this对象。这个执行环境背添加到一个栈中，这个栈就是执行栈。

  如果在这个方法的代码中执行到了一行函数调用语句，那么JavaScript会生成这个函数的执行环境并将其添加到执行栈中，然后进入这个执行环境绩效执行其中的代码。执行完毕并返回结果后，JavaScript会退出执行环境并把这个执行环境从栈中销毁，回到上一个方法的执行环境。这个过程反复进行，直到执行栈中的代码全部执行完毕。这个执行环境的栈就是执行栈。