一道题引出的Event Loop

<script type="text/javascript">
    console.log(1);
    setTimeout(function(){
        console.log(2);
    },0);
    console.log(3);
</script>
复制代码

相信大家，都知道，这道题的输出结果是

1

3

2

这道题引出了如下的知识点：

js的单线程是什么？

js在一个时间内，只能做一件事情。

什么是任务队列？

任务队列分为同步任务和异步任务。例如：console.log()这样的语句属于同步任务，setInterval()/setTimeout()这样的语句属于异步任务。

什么是Event Loop？

在js单线程的运行机制中，会优先执行同步任务，当遇到setInterval()/setTimeout()这样的异步任务时， js引擎不会把它们放在运行栈中执行，而是浏览器的timer模块会把它们拿走，时间到了(指定时器函数的时间)，timer模块会把它们放到异步队列中，js引擎发现运行栈中没有要执行的代码了，就会去读取异步队列中的内容，放到运行栈中去执行，这时setTimeout()/setInterval()函数体中的内容，就在成为了运行栈中的同步任务了，执行完后，再会去监听异步队列中是否有内容，如果有继续执行，如此反复，这个循环的过程就是Event Loop。