本文主要介绍了web前端javaScript—javaScript-宏任务与微任务/事件轮询，通过具体的内容向大家展现，希望对大家前端Javascript开发的学习有所帮助。

宏任务与微任务

javaScript是单线程语言（如果多线程dom会疯掉）

所以在同一时间只能执行一个任务，称为主线程，用来执行同步任务

同时还有两个任务列表用于存放异步任务，宏任务、微任务

执行顺序为：主线程=>微任务=>宏任务

有关定时器

定时器模块⏲，到达时间点将其放入宏任务队列

如果主线程没有任务则执行，如果有则等待执行完成后再继续执行

如果有两个相同时间的定时器则上面的先执行下面的后执行

如果两个时间不同的定时器则时间短的先执行时间长的后执行

注意点：

定时器的⏲是在定时器模块中完成的，完成后就和普通异步任务一样了，

时间方面由于主线程实践过长的原因，有可能会延后

有关Promise

promise的构造函数为同步任务

执行顺序永远为：同步=>微任务=>宏任务

在嵌套代码中可能出现宏任务中有同步、宏任务、微任务，这时将他们放到下一次执行中的队列/主线程等待执行

  setTimeout(() => {

    console.log("定时器");

    setTimeout(() => {

      console.log("timeout timeout");

    }, 0);

    new Promise(resolve => {

      console.log("settimeout Promise");

      resolve();

    }).then(() => {

      console.log("settimeout then");

    });

  }, 0);

  new Promise(resolve => {

    console.log("Promise");

    resolve();

  }).then(() => {

    console.log("then");

  });

  console.log("ssss");

执行顺序：Promise=>ssss=>then=>定时器=>settimeout Promise=>settimeout then=>timeout timeout

DOM渲染任务

浏览器渲染：CSS+DOM执行遇到js优先执行js

可以把js尽量放在下面：避免白屏

任务共享内存

任务不会同时执行，会一个一个的被调度，他们共享内存

Promise微任务处理复杂业务

使用promise可以将任务变成异步任务使其不影响同步任务的执行

我是小职，记得找我

✅ 解锁高薪工作

✅ 免费获取基础课程·答疑解惑·职业测评