进程与线程
1.进程
- 程序的一次执行，它占有一片独有的内存空间
- 可以通过windows任务管理器查看进程
2.线程
- 是进程内的一个独立执行单元
- 是程序运行的一个完整流程
- 是CPU的最小调度单元
如下图：
3.相关
- 应用程序必须运行在某个进程的某个线程中
- 一个进程中至少有一个运行的线程：主线程，进程启动后自动创建
- 一个进程中可以同时运行多个线程，程序是多线程运行的
- 一个进程内的数据可以供其中的多个线程直接共享
- 多个进程之间的数据是不能直接共享的
- 线程池（thread pool）：保存多个线程对象的容器，实现线程对象的反复利用
4.相关问题
1).何为多进程与多线程？
- 多进程：一应用程序可以同时启动多个实例运行
- 多线程：在一个进程内，同时有多个线程运行
2).比较单线程与多线程？
多线程
优点：
- 能有效提升CPU的利用率
缺点：
- 创建多线程开销
- 线程间切换开销
- 死锁与状态同步问题
单线程
优点：
- 顺序编程简单易懂
缺点：
- 效率低
3).JS是单线程还是多线程？
- JS是单线程运行的
- 但使用H5中的Web Workers可以多线程运行
4).浏览器运行是单线程还是多线程？
- 都是多线程运行的
5).浏览器运行是单进程还是多进程？
- 有的是单进程：firefox、老版IE
- 有的是多进程：chrome、新版IE
浏览器内核
- 支撑浏览器运行的最核心的程序
1.不同浏览器的内核可能不同
- Chrome，Safari：webkit
- firefox：Gecko
- IE：Trident
- 360，搜狗等国内浏览器：Trident + Webkit
2.内核由很多模块组成
- js引擎模块：负责js程序的编译与运行
- html,css文档解析模块：负责页面文本的解析
- DOM/CSS模块：负责dom/css在内存中的相关处理
- 布局和渲染模块：负责页面的布局和效果的绘制（内存中的对象）
- … …
- 定时器模块：负责定时器的管理
- 事件响应模块：负责事件的管理
- 网络请求模块：负责ajax请求
定时器引发的思考
1.定时器真的是定时执行吗？
- 定时器并不能保证真正定时执行
- 一般会延迟一丁点（可以接受），也有可能延迟很长时间（不能接受）
2.定时器回调函数是在分线程执行的吗？
- 在主线程执行的，js是单线程的
3.定时器是如何实现的？
- 事件循环模型
js是单线程执行的
1.如何证明js执行是单线程的？
- setTimeout()的回调函数是在主线程执行的
- 定时器回调函数只有在运行栈中的代码全部执行完后才有可能执行
2.为什么js要用单线程模式？
- JavaScript的单线程模式，与它的用途有关
- 作为浏览器脚本语言，JavaScript的主要用途是和用户互动，以及操作DOM
- 因此它只能是单线程的，否则会带来很复杂的同步问题
js引擎执行代码的基本流程
- 先执行初始化代码：包含一些特别的代码 回调函数（异步执行）
- 设置定时器
- 绑定监听
- 发送ajax请求
- 后面某个时刻才会执行回调代码
事件循环模型
模型原理图：
1.所有代码分类
- 初始化执行代码（同步代码）：包含绑定dom事件监听，设置定时器，发送ajax请求的代码
- 回调执行代码（异步代码）：处理回调逻辑
2.js引擎执行代码的基本流程：
- 初始化代码
- 回调代码
3.模型的2个重要组成部分：
- 事件（定时器/DOM事件/Ajax）管理模块
- 回调队列
4.模型的运转流程
- 执行初始化代码，将事件回调函数交给对应模块管理
- 当事件发生时，管理模块会将回调函数及其数据添加到回调队列中
- 只有当初始化代码执行完后（可能要一定时间），才会遍历读取回调队列中的回调函数执行
H5 Web Workers多线程
Web Workers是HTML5提供的一个JavaScript多线程解决方案。
可以实现将一些大计算量的代码交由Web Workers运行而不冻结用户界面，但是子线程完全受主线程控制，且不得操作DOM。所以，这个新的标准并没有改变JavaScript单线程的本质。
1.相关API
- Worker：构造函数，加载分线程执行的js文件
- Worker.prototype.onmessage：用于接收另一个线程的回调函数
- Worker.prototype.postMessage：向另一个线程发送消息
2.不足
- Worker内代码不能操作DOM
- 不能跨域加载JS
- 不是每个浏览器都支持这个新特性
来源：CSDN
作者：我是小怪兽-
链接：https://blog.csdn.net/hry1243916844/article/details/104061150