一个setTimeout的问题

Question

function test() {

  var a = 1;

  setTimeout(function() {

    alert(a);

    a = 5;

  }, 1000);

  a = 19;

setTimeout(function() {

   alert(a);

    a = 4;

  }, 3000);

}

test();

alert(0);

想问一下，为什么最后会弹出5？

Answer 1

首先建议题主看一篇关于JavaScript文章JavaScript Event Loop运行机制详解这篇文章详细阐述了JavaScript事件轮询的原理下面来说说题主的问题：1、主线程会先执行，当执行到test()的时候两个setTimeout会同时被放进任务队列，然后执行alert(0)，所以首先输出 0，此时a的值是19，因为setTimeout还没执行，a没有其他赋值机会;2、主线程执行完毕然后轮询任务队列执行定时任务，由于第一个setTimeout时间较第二个短，因此首先执行第一个setTimeout的回调，此时约1s后alert(a)会输出上一步的19，然后a被赋值为5；3、接着便执行第二个setTimeout，因为两个setTimeout同时被放进队列里面，所以这里大约会在2s后执行第二个setTimeout的回调，此时会输出上一步得到的5，然后a被赋值为4。之所以是大约2s是因为Javascript定时器并不精确