alert执行顺序

<p><span id="span1">Hello World!</span></p>

<script type="text/javascript">
document.getElementById('span1').style.background = 'red';
alert(1); alert(2); alert(3);
</script>

先弹出1，弹2，弹3，之后span才改变背景色。why?

alert会阻塞所有线程，而且alert会被优先执行。

参考：https://segmentfault.com/q/1010000006960660