码迷,mamicode.com
首页 > Web开发 > 详细

js同步异步执行顺序setTimeOut面试题分析

时间:2018-03-27 20:51:10      阅读:256      评论:0      收藏:0      [点我收藏+]

标签:时间   loop   span   time   就会   round   settime   面试题   运行   

    <script>
    for(var i=0;i<2;i++){
      setTimeout(function(){
              console.log(i);
        },0);
    }
    </script>
  //  结果:2,2

打印两个2而不是0,1,跟js执行顺序有关系。

所有的任务分为两种,一种是同步任务,一种是异步任务。同步任务是指在主线程上排队的任务。异步任务是指不进入主线程、而进入"任务队列"(task queue)的任务,只有"任务队列"通知主线程,某个异步任务可以执行了,该任务才会进入主线程执行。

(1)所有同步任务都在主线程上执行,形成一个执行栈(execution context stack)。

(2)主线程之外,还存在一个"任务队列"(task queue)。只要异步任务有了运行结果,就在"任务队列"之中放置一个事件。

(3)一旦"执行栈"中的所有同步任务执行完毕,系统就会读取"任务队列",看看里面有哪些事件。那些对应的异步任务,于是结束等待状态,进入执行栈,开始执行。

详情看阮一峰JavaScript运行机制。链接:http://www.ruanyifeng.com/blog/2014/10/event-loop.html

setTimeOut函数为异步任务,for循环为同步任务,setTimeOut里的函数为回调函数。执行顺序为:同步优先,异步靠边,回调垫底。所以即使setTimeOut的时间参数是0依然会放到任务队列里,而不是主线程。主线程执行完for循环以后才执行异步任务setTimeOut。另外setTimeout()只是将事件插入了"任务队列",必须等到当前代码(执行栈)执行完,主线程才会去执行它指定的回调函数。要是当前代码耗时很长,有可能要等很久,所以并没有办法保证,回调函数一定会在setTimeout()指定的时间执行。

<script>
    for(var i=0;i<2;i++){
      (function(){
          console.log(i);
      }(i))
    }
</script>
// 结果:0,1

里边换成立即执行函数,则会打印0,1.

js同步异步执行顺序setTimeOut面试题分析

标签:时间   loop   span   time   就会   round   settime   面试题   运行   

原文地址:https://www.cnblogs.com/jiaoxueyan/p/8659166.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!