setTimeout的工作原理

<span style="font-family:Courier New;color:#a9b7c6;"><span style="font-size: 10.5pt; background-color: rgb(43, 43, 43);"><script>
var x = 1;
setTimeout(function(){
x = 2;
console.log("setTimeout----------"+x);
},0);
console.log("outer-----------"+x);
</script>                    

</span></span> 

</pre><pre name="code" class="html">输出如下图：

<img src="http://img.blog.csdn.net/20160322090139965?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" style="font-family: 'Courier New'; font-size: 10.5pt;" alt="" />

原因是：setTimeout在线程空闲的时候才开始执行。

设置为0毫秒后执行，即系统空闲之后，隔0毫秒将函数加入执行队列。

因此在outer的输出之后系统空闲，输出setTimeout内的log。