标签：异步 同步 fn1 队列 JavaScript 主线 任务 setTimeout

JS同步异步任务

作为浏览器脚本语言，JS是单线程机制的，拥有唯一的主线程。在主线程上排队执行的任务就是同步任务，而在任务队列里等待进入主线程的任务是异步任务。

1.任务处理机制

如下图，当主线程任务完成后，去微任务队列查询是否有微任务，处理完微任务后，主线程与微任务队列均没有任务了，去宏任务队列里执行宏任务。
队列都是先进先出

2.常见的宏任务和微任务

宏任务

UI渲染，setTimeout，setTimeInterval，I/O，requestAnimationFrame等

微任务

proces.nextTick()，promise.then()（这里要注意，promise的构造函数不是微任务，而是同步任务）， Object.observe()等。

3.关于setTimeout

setTimeout中，事件参数的意义是：间隔该毫秒后将该任务放到宏任务队列中，看下面的例子

setTimeout(fn1,2000);
setTimeout(fn2,1000);

这种情况下，fn1在2s后会被放到宏任务队列当中，fn2会在1s后放到宏任务队列中。那么在主线程去宏任务队列取任务时，由于先进先出，首先会把fn2放进主线程。
再看一个例子：

setTimeout(fn1,2000);
fn3();// 一个耗时3s的任务

这里，fn3是一个耗时3s的任务，而且是同步任务，那么主线程会在执行完该任务后才去宏任务队列取任务fn1。也就是fn1会在3s后才被执行。

标签：异步,同步,fn1,队列,JavaScript,主线,任务,setTimeout
来源： https://blog.csdn.net/weixin_42208855/article/details/115430037

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。