JavaScript 执行机制

1.javascript

javascript是单线程

2.同步任务异步任务

同步任务:

同步任务指的是，在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务；

异步任务:

异步任务指的是，不进入主线程、而进入"任务队列"（Event queue）的任务，只有"任务队列"通知主线程，某个异步任务可以执行了，该任务才会进入主线程执行。

常见的异步任务： 定时器，ajax，事件绑定，回调函数，promise，async await等

• 同步任务直接放入到主线程执行，异步任务（点击事件，定时器，ajax等）挂在后台执行，等待I/O事件完成或行为事件被触发。
• 系统后台执行异步任务，如果某个异步任务事件（或者行为事件被触发），则将该任务添加到任务队列，并且每个任务会对应一个回调函数进行处理。
• 这里异步任务分为宏任务与微任务，宏任务进入到宏任务队列，微任务进入到微任务队列。
• 执行任务队列中的任务具体是在执行栈中完成的，当主线程中的任务全部执行完毕后，去读取微任务队列，如果有微任务就会全部执行，然后再去读取宏任务队列
• 上述过程会不断的重复进行，也就是我们常说的事件循环（Event-Loop）。

2.宏任务微任务：

macro-task(宏任务)：包括整体代码script（局代码），setTimeout，setInterval

micro-task(微任务)：new Promise().then(回调) ，process.nextTick()

事件循环的顺序，决定js代码的执行顺序。进入整体代码(宏任务)后，开始第一次循环。接着执行所有的微任务。然后再次从宏任务开始，找到其中一个任务队列执行完毕，再执行所有的微任务。

谢谢参考来源：

https://www.jb51.net/article/231021.htm

这一次，彻底弄懂 JavaScript 执行机制