目录
开始学习袁老师的大师课!!!
进程
- 简单的理解为程序运行时所需要的内存空间
- 每个应用至少有一个进程,进程之间相互独立
线程
- 运行程序的「⼈」称之为「线程」
- 一个进程至少有一个线程,所以在进程开启之后会自动创建一个线程来运行代码,该线程称之为主线程
- 一个进程可以包含多个线程
浏览器
- 浏览器是一个多进程多线程的应用程序
- 主要的进程有
- 浏览器进程
主要负责界面显示、用户交互、子进程管理等。浏览器内部会启动多个线程处理不同的任务 - 网络进程
- 渲染进程
渲染进程启动后,会创建一个渲染主线程,主线程负责解析HTML、CSS、JS代码。
默认情况下,浏览器会为每个标签开启一个新的渲染进程,以保证不同的标签页之间不互相影响
- 浏览器进程
渲染主线程
- 渲染主线程需要处理很多任务,主线程处理的方式就是:排队(事件循环)
- 在最开始的时候,渲染主线程会进入一个无限循环
- 每一次循环会检查消息队列中是否有任务在。如果有,就取出第一个任务执行,执行完一个后进入下一个循环;如果没有则进入休眠
- 其他线程可随时向消息队列中添加任务。新任务会添加在消息队列的末尾,如果主线程处于休眠状态,则会将其唤醒以继续循环获取任务
异步
- 代码执行过程中,存在一些无法立即处理的任务,比如:
- 计时完成后需要执行的任务 -- setTimeout、setInterval
- 网络通信需要执行的任务 -- xhr、fetch
- 用户操作后需要执行的任务 -- addEventListener
- 如果使用同步,就会使主线程等待这些任务的完成,就会导致主线程长期处于「阻塞」的状态,从⽽导致浏览器「卡死」
面试题:如何理解JS的异步?
参考答案:
JS是一门单线程语言,这是因为JS运行在浏览器的渲染主线程中,而渲染主线程只有一个,而且渲染主线程承担着许多任务。
如果使用同步的方式,极有可能会造成主线程产生阻塞,从而导致消息队列中很多任务无法得到执行。所以使用异步的方式来避免阻塞的情况发生,具体做法是:当有无法立即执行的任务发生时,主线程将任务交给其他线程去处理,自身则立刻结束任务的执行,转而执行后续代码。当其他线程完成时,会将回调函数包装成任务,加入到消息队列的末尾,等待主线程调度执行
消息队列
- 任务不存在优先级,但是消息队列存在优先级
- 每个任务都有一个任务类型,同一个类型的任务必须在一个队列,不同类型的任务可以分属不同的队列。在一次事件循环中,浏览器可以根据实际情况从不同的队列中取出任务执行。
- 浏览器中有一个微队列,其优先级最高
添加任务到微队列的主要⽅式主要是使⽤ Promise、MutationObserver
面试题:阐述⼀下 JS 的事件循环
参考答案:
事件循环又叫消息循环,是浏览器渲染主线程的工作方式
浏览器开启一个不会结束的for循环,每次循环从消息队列中取出第一个任务执行,而其他线程也可以随时将任务添加到消息队列末尾等待主线程调度执行
单线程是异步产生的原因
事件循环是异步的实现方式