js的线程机制

简介: 进程线程,我们在大学的时候,操作系统中就已经非常熟悉了,我们可以做个简单的回顾。

网络异常,图片无法展示
|

进程线程,我们在大学的时候,操作系统中就已经非常熟悉了,我们可以做个简单的回顾。


概念回顾


进程与线程


进程:程序的一次执行,它占有一片独有的内存空间。


线程:进程内的一个独立的执行单元。是程序执行的一个完整流程。是CPU的最小调度单元。


多进程运行:一个应用程序可以启动多个实例运行


多线程:一个进程内,同时有多个线程运行。


应用程序必须运行在某个进程的某个线程上;一个进程中至少有一个运行的线程:主线程(进程启动后自动创建);一个进进程也可以同时运行多个线程即多线程运行;一个进程内的数据可以给多个线程共享,多进程之间的数据不能直接共享;线程池:保存多个线程对象的容器,实现线程对象的反复利用。


线程优缺点:


多线程


优点:

  • 有效提升CPU的利用率


缺点:

  • 开销较大
  • 线程间切换存在开销
  • 死锁和同步问题


单线程


优点:

  • 顺序编程,简单易懂


缺点:

  • 效率较低

js是单线程运行的!最初是为解决表单提交验证而存在的。

浏览器有多进程(chrome、新IE),也有单进程(老IE、firefox)。

浏览器是多线程运行的。


浏览器内核


内核:支撑浏览器运行的最核心的程序。


类型:

  • Chrome、Safari:webkit
  • firefox:Gecko
  • IE:Trident
  • 360、搜狗:Trident(牵扯到支付安全性的)+ webkit


组成模块:


主线程:

  • js引擎模块:负责js程序的编译与运行
  • html、css文档解析模块:负责页面文本的解析
  • DOM/CSS模块:负责dom/css在内存中的相关处理
  • 布局和渲染模块:负责页面的布局和效果的绘制(内存中的对象)


分线程:

定时器模块、DOM事件响应模块、网络请求模块(ajax)


js的单线程


js是单线程的吗?怎么证明它是单线程呢?它为什么是单线程,不是多线程呢?它可以是多线程的吗?

这一连串的问题,又该如何回答?


定时器


首先,我们先来看下定时器(可以证明js是单线程的)。

定时器并不能保证真正的定时器执行,一般会有一点延迟或者很长时间的延迟。

网络异常,图片无法展示
|

使用setTimeout,刷新浏览器每次时间都是在200毫秒左右,很少会有准确的200毫秒。

let start = Date.now()
setTimeout(() => console.log('延迟实际时间:', Date.now() - start), 200)
for (let i = 0; i < 1000000000; i++) { }

如果在后面添加数组使用,让浏览器做一个长时间任务。

网络异常,图片无法展示
|

可以看到原本的200毫秒,变成了700多毫秒。

所以说定时器并不能保证真正的定时执行。


定时器回调函数是在主线程中执行,这牵扯到js内部的运行机制:同步任务和异步任务,先执行同步的for循环任务,之后才回去执行异步的setTimeout任务。


js单线程详细


console.log('start');
setTimeout(() => console.log('setTimeout延迟'), 0)
console.log('end');
// start
// end
// setTimeout延迟


setTimeout的回调函数是在主线程中执行的,定时器回调函数只有在运行栈中的代码全部执行完成后才有可能执行。 从上例可以看出,js会先执行同步输出,之后才会执行setTimeout内部的回调。


js的单线程是与它的功能有关。js主要是与用户、浏览器进行交互,以及DOM 的操作。

如果js是多线程的,那么两个线程同时操作一个DOM节点,一个线程想要更新这个DOM,一个线程想要删除这个DOM。如果先删除了这个DOM节点,那么就无法更新这个节点。


在H5中,虽然增加了多线程(Web Workers),但是始终只能由一个主线程去更新操作界面(否则会增加复杂度)。因为Web Workers内代码不能操作DOM更新UI(workers内无window)。

此外Web Workers不是每个浏览器都支持这个特性,并且不能跨域加载js。

目录
相关文章
|
29天前
|
JavaScript 前端开发 算法
js 内存回收机制
【8月更文挑战第23天】js 内存回收机制
30 3
|
29天前
|
存储 JavaScript 前端开发
学习JavaScript 内存机制
【8月更文挑战第23天】学习JavaScript 内存机制
22 3
|
18天前
|
安全 Java API
Java线程池原理与锁机制分析
综上所述,Java线程池和锁机制是并发编程中极其重要的两个部分。线程池主要用于管理线程的生命周期和执行并发任务,而锁机制则用于保障线程安全和防止数据的并发错误。它们深入地结合在一起,成为Java高效并发编程实践中的关键要素。
10 0
|
20天前
探索操作系统中的线程同步机制
【8月更文挑战第31天】在多线程编程领域,理解并实现线程同步是至关重要的。本文通过浅显易懂的语言和生动的比喻,带你走进线程同步的世界,从互斥锁到信号量,再到条件变量,逐步揭示它们在协调线程行为中的作用。我们将一起动手实践,用代码示例加深对线程同步机制的理解和应用。
|
20天前
|
JavaScript 中间件 开发者
深入浅出Node.js中间件机制
【8月更文挑战第31天】本文将带你领略Node.js中间件的奥秘,通过直观的案例分析,揭示其背后的设计哲学。你将学会如何运用中间件构建强大而灵活的后端应用,以及在面对复杂业务逻辑时如何保持代码的清晰与高效。
|
20天前
|
设计模式 JavaScript 中间件
深入浅出Node.js中间件机制
【8月更文挑战第31天】在Node.js的世界里,中间件如同魔法般存在,它让复杂的请求处理变得井然有序。本文将带你领略中间件的奥秘,从原理到实战,一步步揭开它的神秘面纱。你将学会如何运用中间件来构建强大而灵活的后端应用,就像拼乐高一样有趣。
|
23天前
|
Web App开发 JavaScript 前端开发
[译] 深入理解 Node.js 中的 Worker 线程
[译] 深入理解 Node.js 中的 Worker 线程
|
2月前
|
调度
【浅入浅出】Qt多线程机制解析:提升程序响应性与并发处理能力
在学习QT线程的时候我们首先要知道的是QT的主线程,也叫GUI线程,意如其名,也就是我们程序的最主要的一个线程,主要负责初始化界面并监听事件循环,并根据事件处理做出界面上的反馈。但是当我们只限于在一个主线程上书写逻辑时碰到了需要一直等待的事件该怎么办?它的加载必定会带着主界面的卡顿,这时候我们就要去使用多线程。
117 6
|
2月前
|
存储 前端开发 Java
(二)JVM成神路之剖析Java类加载子系统、双亲委派机制及线程上下文类加载器
上篇《初识Java虚拟机》文章中曾提及到:我们所编写的Java代码经过编译之后,会生成对应的class字节码文件,而在程序启动时会通过类加载子系统将这些字节码文件先装载进内存,然后再交由执行引擎执行。本文中则会对Java虚拟机的类加载机制以及执行引擎进行全面分析。
|
2月前
|
Java 调度
Java中的线程池机制详解
Java中的线程池机制详解