学习记录-事件循环-CSDN博客

本文链接：https://blog.csdn.net/weixin_47356200/article/details/132438263

进程

线程

开始学习袁老师的大师课！！！

进程

简单的理解为程序运行时所需要的内存空间
每个应用至少有一个进程，进程之间相互独立

线程

运行程序的「⼈」称之为「线程」
一个进程至少有一个线程，所以在进程开启之后会自动创建一个线程来运行代码，该线程称之为主线程
一个进程可以包含多个线程

浏览器

浏览器是一个多进程多线程的应用程序
主要的进程有
- 浏览器进程
  主要负责界面显示、用户交互、子进程管理等。浏览器内部会启动多个线程处理不同的任务
- 网络进程
- 渲染进程
  渲染进程启动后，会创建一个渲染主线程，主线程负责解析HTML、CSS、JS代码。
  默认情况下，浏览器会为每个标签开启一个新的渲染进程，以保证不同的标签页之间不互相影响

渲染主线程

渲染主线程需要处理很多任务，主线程处理的方式就是：排队（事件循环）
- 在最开始的时候，渲染主线程会进入一个无限循环
- 每一次循环会检查消息队列中是否有任务在。如果有，就取出第一个任务执行，执行完一个后进入下一个循环；如果没有则进入休眠
- 其他线程可随时向消息队列中添加任务。新任务会添加在消息队列的末尾，如果主线程处于休眠状态，则会将其唤醒以继续循环获取任务

异步

代码执行过程中，存在一些无法立即处理的任务，比如：
- 计时完成后需要执行的任务 -- setTimeout、setInterval
- 网络通信需要执行的任务 -- xhr、fetch
- 用户操作后需要执行的任务 -- addEventListener
如果使用同步，就会使主线程等待这些任务的完成，就会导致主线程长期处于「阻塞」的状态，从⽽导致浏览器「卡死」

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

参考答案：

JS是一门单线程语言，这是因为JS运行在浏览器的渲染主线程中，而渲染主线程只有一个，而且渲染主线程承担着许多任务。

如果使用同步的方式，极有可能会造成主线程产生阻塞，从而导致消息队列中很多任务无法得到执行。所以使用异步的方式来避免阻塞的情况发生，具体做法是：当有无法立即执行的任务发生时，主线程将任务交给其他线程去处理，自身则立刻结束任务的执行，转而执行后续代码。当其他线程完成时，会将回调函数包装成任务，加入到消息队列的末尾，等待主线程调度执行

消息队列

任务不存在优先级，但是消息队列存在优先级
每个任务都有一个任务类型，同一个类型的任务必须在一个队列，不同类型的任务可以分属不同的队列。在一次事件循环中，浏览器可以根据实际情况从不同的队列中取出任务执行。
浏览器中有一个微队列，其优先级最高
添加任务到微队列的主要⽅式主要是使⽤ Promise、MutationObserver