javascript - 一个setTimeout的问题

问题描述

问 题

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？

解决方案

首先建议题主看一篇关于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定时器并不精确

这篇关于javascript - 一个setTimeout的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！