事件循环

事件循环

同步>微任务>宏任务

浏览器的进程模型

进程

每一个应用进行，至少有一个进程，它们之间互不干扰，互相独立，即使要通信也要经过对方同意。

线程

一个进程里有一个或多个线程，当只有一个的时候，那个线程叫做“主线程”。

进程仅负责为各个线程提供所需的资源，真正执行任务的是线程，而不是进程。

线程和进程之间的关系，类似于工厂和工人之间的关系，进程好比是工厂，线程就如同工厂中的工人。

浏览器的进程和线程

拿谷歌浏览器距离，按住shift+esc键即可调出任务管理器查看进程

浏览器进程（标签页前进后退、用户交互）===>子进程管理，由它开始

网络进程（加载网络资源...）

渲染进程（开启渲染主线程，负责执行html、css、js,每一个标签页会开启新的进程----->内存换速度，不同浏览器模式不同）

......

事件循环----->渲染进程如何处理多任务

异步

面试题：如何理解js的异步？

JS是一门单线程的语言，运行在浏览器的渲染进程中，而渲染进程承担着诸多工作，渲染页面，执行js代码，如果使用同步的方式可能导致主线程产生阻塞，从而导致消息队列中很多其它任务无法执行，这样会造成大量的等待时间，导致页面无法及时更新，给用户造成卡死的现象。

所以浏览器采用异步的方式去避免这种情况发生，具体做法是计时器、网络、事件监听，主线程将任务交给其它线程去处理，自身立即结束任务的执行，转而执行后续的代码。当其它线程完成时，将事先传递的回调函数包装成任务，加入到消息队列的末尾排队，等待主线程调度执行。

在这种异步调用的模式下，浏览器永不阻塞，从而最大限度的保证了单线程的流畅运行。

任务是否有优先级

任务没有优先级，在消息队列中先进先出。

但消息队列是有优先级的

根据W3C的最新解释

• 每个任务都有一个任务类型 , 同一个类型的任务必须在一个队列也就是一共有多个队列 , 不同类型的任务可以分属不同的队列,在一个次事件循环中,浏览器可以根据实际情况从不同的队列中区出任务执行
• 浏览器必须准备好一个微队列 , 微队列中的任务优先所有其他任务执行他里面的东西 所有都要给我等 连绘制任务 都要等 就是最高优先级了

随着浏览器的复杂度急剧提升 W3C不再使用宏队列的说法

在目前chrome的实现中 至少包含了下面的队列

• 延时队列 : 用于存放计时器到达后的回调任务 , 优先级中
• 交互列队 : 用于存放用户操作后产生的事件处理任务 , 优先级高
• 微队列 : 用户存放需要最快执行的任务 优先级最高

// 立刻把一个函数添加到微队列 最高执行
  promise.resolve().then(函数)

面试题 : 阐述一下js的事件循环

事件循环又叫消息循环官方叫event loop 浏览器实现叫message loop , 是浏览器渲染主线程的工作方式 , 在chrome中就是开启了一个不会结束的for循环, 每次循环从消息队列中取出第一个任务执行,而其他线程只需要在合适的时候将任务加入到队列末尾即可

过去吧消息队列简单分为宏队列和微队列,这种说法目前无法满足复杂的浏览器环境,取而代之的是一种更加灵活多变的处理方式

根据w3c官方的解释, 每个任务有不同的类型,同类型的任务必须在同一个队列,不同的任务可以属于不同的队列.不同的任务队列有不同的优先级,在一次事件循环中,由浏览器自行决定取那个队列的任务,但浏览器必须有一个微队列,微队列的任务一定具有最高的优先级,必须优先调度执行。

---

面试题：JS的计时器能做到准确计时吗？

根据W3C标准，浏览器实现计时器时，嵌套5层以上，则会带来最少4毫秒的执行事件延迟。

JS计时器调用的是操作系统内部的计时函数，而操作系统内部的函数本身带有偏差。

受事件循环的影响，计时器的回调函数只在主线程空闲的时候执行，因此带来了偏差。

本文来自:https://ke.qq.com/course/5892689/13883864042302033?mmticket=#term_id=106109971