了解浏览器进程和线程之间的关系

1.前端为什么要了解进程和线程的关系

我们知道浏览器为了解决单线程的异步执行问题，引入了事件循环队列，任务又分为微任务和宏任务，微任务的优先级比宏任务高，只要微任务队列里面有任务，宏任务队列永远得不到执行。
eventLoop(事件循环)是一种规范，不同宿主环境对其实现会有差异性。它指的是一种为了协调事件，用户交互，脚本，渲染，网络等不同类型任务的处理方式。
这里就涉及到一个知识点，什么是线程呢？线程的概念是基于进程的，接下来我们就来讲解一下什么是进程和线程。

1.1.什么是进程

学术上说，进程是一个具有一定独立功能的程序在一个数据集上的一次动态执行的过程，是操作系统进行资源分配和调度的一个独立单位，是应用程序运行的载体。通俗一点讲，我们把计算机比喻成一块地，我在这块地上盖了一个工厂（创建一个进程），我们可以在这块地下可以创建多个进程，进程多了我们这块地的空间就变挤了（内存变小了），这也就造成了我们的生产效率慢（计算机卡顿）。

进程怎么创建的：具体就是启动一个程序的时候，操作系统会为该程序创建一块内存，用来存放代码、运行中的数据和一个执行任务的主线程，我们把这样的运行环境叫进程。

1.2.什么是线程

在早期的操作系统中并没有线程的概念，进程是能拥有资源和独立运行的最小单位，也是程序执行的最小单位。任务调度采用的是时间片轮转的抢占式调度方式，而进程是任务调度的最小单位，每个进程有各自独立的一块内存，使得各个进程之间内存地址相互隔离。后来，随着计算机的发展，对CPU的要求越来越高，进程之间的切换开销较大，已经无法满足越来越复杂的程序的要求了。于是就发明了线程，线程是程序执行中一个单一的顺序控制流程，是程序执行流的最小单元。我们在通俗一点讲，上面我们把进程比喻成了工厂，那么工厂要有人干活吧，那我们就雇人（线程），一个人就一个线程，多个人就多个线程现在就很容易理解了一个人干活肯定比不过多个人干活呀。
这样我们继续看下面的东西就会很好理解了

2.浏览器的并行处理

什么是并行处理？（就是一个人在干活）
答：计算机中的并行处理就是同一时刻处理多个任务。
例子：我们要计算下面的表达式并显示相应的结果

A = 1+2
B = 20/5
C = 7*8

在进程>单线程中执行 任务一 =>任务二 =>任务三 =>任务四 如果当任务二执行过程中出错那么就会导致整个进程崩溃，从而关闭。
这就是在这个工厂里面只有一个工人这个工人只能先把第一个工作昨晚在做第二个直到最后结束，如果这个工人干着干着突然嗝屁了 那么这个工厂也就停工了，进程也就也就结束了。

2.1.单进程多线程浏览器

为了防止工厂停工的情况（进程结束），老板决定多招几个工人（多个线程）来解决这种问题。

但是这样也存在诸多的问题
● 不稳定：
早期浏览器需要借助插件来实现诸如Web视频、Web游戏等各种强大的功能，但是插件是最容易出问题的模块，并且还运行在浏览器进程之中，所以一个插件的崩溃会引起整个浏览器的崩溃。除了插件以外，渲染引擎模块也是不稳定的，通常一些复杂的JavaScript代码就有可能引起渲染引擎的崩溃。和插件一样，渲染引擎的崩溃也会引起整个浏览器的崩溃。
● 不流畅：
假如有一个工人专门干页面渲染的活，老板为了省钱雇了一个老人，干活很慢那么用户就会一直在等待页面渲染。
● 不安全：
插件可以使用C/C++等代码编写，通过插件可以获取到操作系统的任意资源，这意味着当你在页面运行一个插件的时候这个插件可以完全操作你的电脑，如果是个恶意插件它就可以释放病毒，窃取你的账号密码，引发安全性问题。

2.2.多进程多线程浏览器

为了解决这样那样的问题开发人员又开始研究，根据我的理解和比喻可以这样形容，打开浏览器我们创建了一个主工厂（主进程）用来做一些主要的工作，在主工厂旁边又建了很多分工厂（分进程），每个分工厂（分进程）干不同的事情，每个分工厂里面又有多个工人（多线程）这样就解决了上面的问题。

这样是怎么把上面的问题解决的
● 如果解决不稳定的问题
由于进程之间是相互隔离的，所以当一个页面或者插件崩溃时，影响到的仅仅是当前的页面进程或插件进程，并不会影响浏览器和其他页面，这就完美解决了页面或插件崩溃导致的整个浏览器崩溃，也就是不稳定的问题。
通俗讲工厂和工厂之间是相互隔离的，所以当一个工厂倒闭时并不会影响到其他工厂
● 如何解决不流畅的问题
同样，JavaScript 也是运行在渲染进程中的，所以即使 JavaScript 阻塞了渲染进程，影响到的也只是当前的渲染页面，而并不会影响浏览器和其他页面，因为其他页面的脚本是运行在它们自己的渲染进程中的。所以当我们再在 Chrome 中运行上面那个死循环的脚本时，没有响应的仅仅是当前的页面。
通俗讲那个渲染工厂中的那个干js执行工作的老人（线程）干的很慢这样也不会影响干页面渲染的人（年轻人）
这样不会其他页面渲染，因为其他页面是在另一个工厂中，另一个工厂老板有钱雇佣的都是年轻人。
● 如何解决内存泄漏问题
解决方法那就更简单了，因为当关闭一个页面时，整个渲染进程也会被关闭，之后该进程所占用的内存都会被系统回收，这样就轻松解决了浏览器页面的内存泄漏问题。
采用多进程架构的额外好处是可以使用安全沙箱，你可以把沙箱看成是操作系统给进程上了一把锁，沙箱里面的程序可以运行，但是不能在你的硬盘上写入任何数据，也不能在敏感位置读取任何数据，例如你的文档和桌面。Chrome 把插件进程和渲染进程锁在沙箱里面，这样即使在渲染进程或者插件进程里面执行了恶意程序，恶意程序也无法突破沙箱去获取系统权限
总结
进程与线程之间的关系我们先讲到着这，适用于从未了解过的前端开发者，下回我们将讲那个干活慢的老人是先干啥然后在干啥的，渲染进程中的js线程中的js执行流程。
此笔记是在观看了大佬写的进程与线程我做笔记