想想js事件循环机制

setTimeout(func(){},1000)

表示过1秒调用func(){}
那么setTimeout(func(){},0)
是干嘛的呢？

这里涉及到我们js的事件循环机制，js是单线程的，但是可以利用它的事件循环操作实现异步操作，这也避免了一些代码堵塞的问题。

来说说js的事件循环机制：

js在执行事件时顺序：
同步队列->异步队列（所有微任务执行完->执行一个宏任务—循环）

<script>
     setTimeout(function(){
		    console.log('1')
		},0);
 
		console.log('4');
		new Promise(function(resolve){
		    console.log('2');
                    resolve();
		}).then(function(){
		    console.log('3')
		});
        new Promise(function(resolve){
		    console.log('5');
                    resolve();
		}).then(function(){
		    console.log('6')
		});
   </script>

输出：425361
分析这段代码：首先执行同步队列中的事件,再去执行异步队列的事件（先执行所有微任务（.then()里面的事件是微任务）再去执行宏任务（setTimeout()）里面的函数是宏任务）

那么我们js在执行的时候同步队列在哪里执行，异步队列在哪里执行呢？

js在执行代码块的时候，同步队列是事件在主线程中先执行，微任务和宏任务，先放到等待队列中等待执行，当主线程中的同步队列执行完毕，会将异步队列中的事件加到主线程的尾部，在主线程中执行。
所以回答开篇的问题：setTimeout(func(){},0)作用
setTimeout(func(){},0)的参数为0，即当它加到主线程后立即执行，若为1000，则等待1s执行。

那么js引擎怎么知道队列中的事件有没有执行完呢？在哪个时刻发现队列中又有新的事件了呢？setTimeout() 方法会出现实际延时比预期要久的情况，是为什么呢？欲知原因，请待后续更新~