• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

JavaScript 操作宏任务与微任务

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

宏任务与微任务

  • javaScript是单线程语言(如果多线程dom会疯掉)
  • 所以在同一时间只能执行一个任务,称为主线程,用来执行同步任务
  • 同时还有两个任务列表用于存放异步任务,宏任务、微任务
  • 执行顺序为:主线程=>微任务=>宏任务

有关定时器

  1. 定时器模块,到达时间点将其放入宏任务队列
  2. 如果主线程没有任务则执行,如果有则等待执行完成后再继续执行
  3. 如果有两个相同时间的定时器则上面的先执行下面的后执行
  4. 如果两个时间不同的定时器则时间短的先执行时间长的后执行

注意点:

  • 定时器的⏲是在定时器模块中完成的,完成后就和普通异步任务一样了,
  • 时间方面由于主线程实践过长的原因,有可能会延后


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

到此这篇关于JavaScript 操作宏任务与微任务的文章就介绍到这了,更多相关JavaScript宏任务与微任务内容请搜索极客世界以前的文章或继续浏览下面的相关文章希望大家以后多多支持极客世界!


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
js实现轮播图制作方法发布时间:2022-02-05
下一篇:
Vue.js实现音乐播放器发布时间:2022-02-05
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap