刨析js代码执行机制

今天说说js中的执行机制,聊一聊同步和异步,谈一谈主线程和任务队列的关系

进程 应用程序 都可以算是一个进程 几乎所有的应用程序都是多进程

线程 每个进程里的最小单位就是线程

 

多线程好 共作效率高,但是js这门语言是操作dom,就相当于我们盖房子,前面的没盖好,后面的就没法操作。单线程,有一处出现问题,后面的都需要等待。

为了解决单线程出现的问题js提供了同步和异步这两个概念

同步执行:前一个任务执行完了,才能执行后一个任务,这种事同步执行 相当于盖房子

异步执行:前一个任务执行时花费时间过长,无需等待,执行下一个任务,这时异步。相当于做饭,煮饭的时候还可以炒菜。

         Js的异步执行 事件  定时器  资源请求 才是异步。

 

定时器会定时执行吗

         不会 只有主线程执行完毕了,才开启定时器,向任务队列提交任务。如果主线程没有执行完,即使过了定时器的时间,也不会执行,因为还没有提交到任务队列中。只有主线程执行完了,才开启定时器,然后时间到了,才提交任务。然后主线程获取到任务才执行定时器中的代码。

  

 

 

 

  1. 计时器不是从计时器函数执行后就开始计时,而是主线程的代码执行完毕之后才开始计时
  2. 主线程执行的过程中,setTimeout onclick等会执行,只是里面的callback会去排队提交。

SetTimeout等主线程结束后开始计时,达到计时时间就提交任务,onclick只有触发这个事件就提交任务。

面试题

 

分析

 

 

 

 

 

结果是打印四个5 而不是五个5

 

posted @ 2020-03-05 15:36  九点课堂  阅读(111)  评论(0编辑  收藏  举报