JavaScript 执行机制

javascript是一门单线程语言， 既然js是单线程，那就像只有一个窗口的银行，客户需要排队一个一个办理业务，同理js任务也要一个一个顺序执行。

 

• 同步任务

• 异步任务

 

 

• 同步和异步任务分别进入不同的执行"场所"，同步的进入主线程，异步的进入Event Table并注册函数。

• 当指定的事情完成时，Event Table会将这个函数移入Event Queue。

• 主线程内的任务执行完毕为空，会去Event Queue读取对应的函数，进入主线程执行。

• 上述过程会不断重复，也就是常说的Event Loop(事件循环)。

 

 

setTimeout(fn,0)的含义是，指定某个任务在主线程最早可得的空闲时间执行，意思就是不用再等多少秒了，只要主线程执行栈内的同步任务全部执行完成，栈为空就马上执行

 

//代码1console.log('先执行这里'); setTimeout(() => { console.log('执行啦') },0);

//代码2 console.log('先执行这里'); setTimeout(() => { console.log('执行啦') },3000);

 

 

setInterval会每隔指定的时间将注册的函数置入Event Queue，如果前面的任务耗时太久，那么同样需要等待

对于setInterval(fn,ms)来说，我们已经知道不是每过ms秒会执行一次fn，而是每过ms秒，会有fn进入Event Queue

一旦setInterval的回调函数fn执行时间超过了延迟时间ms，那么就完全看不出来有时间间隔了

 

 

 

 

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

• micro-task(微任务)：Promise，process.nextTick，process.then

 

 

不管是什么新框架新语法糖实现的所谓异步，其实都是用同步的方法去模拟的

 

 

 

宏任务微任务

.宏任务（macrotask ）和微任务（microtask ）

1. 宏任务：当前调用栈中执行的代码成为宏任务。（主代码块，定时器等等）。 

2.微任务： 当前（此次事件循环中）宏任务执行完，在下一个宏任务开始之前需要执行的任务,可以理解为回调事件。（promise.then，proness.nextTick等等）。 3. 宏任务中的事件放在callback queue中，由事件触发线程维护；微任务的事件放在微任务队列中，由js引擎线程维护。

macrotask 和 microtask 表示异步任务的两种分类。

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

 

Promise => console.log() => .then => setTimeout