JS中宏任务与微任务操作哪些需要知？

发布时间：2022-02-19 14:04:20 所属栏目：语言来源：互联网

导读：今天给大家分享的是关于JS中宏任务与微任务的内容，本文对新手学习和理解宏任务与微任务操作有一定的帮助，感兴趣的朋友接下来跟随小编一起看看吧。宏任务与微任务 javaScript是单线程语言（如果多线程dom会疯掉）所以在同一时间只能执行一个任务，称为主

今天给大家分享的是关于JS中宏任务与微任务的内容，本文对新手学习和理解宏任务与微任务操作有一定的帮助，感兴趣的朋友接下来跟随小编一起看看吧。

宏任务与微任务
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可以将任务变成异步任务使其不影响同步任务的执行。

（编辑：周口站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!