深入理解JavaScript定时函数setTimeout

以一段javascipt代码为例分析说明

function test() {
  var a = 0;
  a = 1;
  setTimeout(function() {
    alert(a);
    a = 1;
  }, 1000);

  a = 2;

  setTimeout(function() {
    alert(a);
    a = 3;
  }, 3000);
}

test();

alert(0);

当脚本开始执行的时候,首先调用test(),代码会继续往下执行，所以alert(0)会先执行，窗口弹出0

再分析test()代码
声明变量a，并赋初值0，接着将a的值改为1
此时执行定时函数setTimeout
这里要说明一下，浏览器中有各种各样的事件，如点击事件、定时器事件等，各种事件都是以队列的方式
进入javaScript引擎的，最后按照顺序依次执行。这也从另一方面说明了JavaScript的执行方式是单线程的。
所以1000毫秒之后由定时器setTimeout产生的异步事件会进入到JavaScript引擎的队列中，但是需要注意的是
在这1000毫秒的时间内，javaScript引擎也一直在解析代码，所以接下来a被赋值为2，所以第二个弹窗中弹出
a的值为2，
由于队列是顺序执行的，所以第一个setTimeout事件后,a被赋值为1，所以第二个setTimeout中alert弹窗中
a的值为1，虽然a最后被赋值为3，但是第二个setTimeout是javascript中最后的一个事件，运行到这里脚本结束。

参考文章：

http://www.laruence.com/2009/09/23/1089.html

http://www.cnblogs.com/jeffwongishandsome/archive/2011/06/13/2080145.html