标签：function console log javaScriptEventLoop 队列 任务 运行

我们通常把宿主发起的任务称为宏观任务，把 JavaScript引擎发起的任务称为微观任务。
以下事件属于宏任务:
setlnterval()
setTimeout()
以下事件属于微任务
Promise().then(function()｛｝)
new MutationObserver()

<script>
setTimeout(
  function(){
    console.log(1);
  }
)
new Promise(
  function(resolve,reject){
    console.log(2)
    resolve(3)
  }).then(function(val){
    console.log(val)
  })
</script>

事件循环闭环流程

当执行栈为空时,执行以下步骤
1.执行微任务队列
a.选择微任务队列中最早的任务(任务x)
b.如果任务x为空(意味着微任务队列为空),跳转到步骤(g)
c.将"当前正在运行的任务"设置为“任务x "
d.运行"任务x"
e.将"当前正在运行的任务"设置为空,删除"任务x"
f.选择微任务队列中下一个最早的任务，跳转到步骤(b)
g.完成微任务队列;
2.选择宏任务队列中最早的任务(任务A)
3.将"当前正在运行的任务"设置为“任务A"
4.运行"任务A"(表示运行回调函数)同步代码
5.跳到第1步。
6.将"当前正在运行的任务”设置为空，删除“任务A"结束本次Loop循环
7.跳到第2步。

执行过程

多线程任务切换

标签：function,console,log,javaScriptEventLoop,队列,任务,运行
来源： https://www.cnblogs.com/Liguangyang/p/16517141.html

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