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。

目录
相关文章
|
1月前
|
Java API 调度
线程的中断(interrupt)机制
线程的中断(interrupt)机制
30 1
|
1月前
|
设计模式 JavaScript 前端开发
深入理解 JavaScript 中的绑定机制(下)
深入理解 JavaScript 中的绑定机制(下)
|
1月前
|
JavaScript 前端开发
深入理解 JavaScript 中的绑定机制(上)
深入理解 JavaScript 中的绑定机制(上)
|
1月前
|
人工智能 JSON 前端开发
【Spring boot实战】Springboot+对话ai模型整体框架+高并发线程机制处理优化+提示词工程效果展示(按照框架自己修改可对接市面上百分之99的模型)
【Spring boot实战】Springboot+对话ai模型整体框架+高并发线程机制处理优化+提示词工程效果展示(按照框架自己修改可对接市面上百分之99的模型)
|
1月前
|
资源调度 算法 Linux
Linux进程/线程的调度机制介绍:详细解析Linux系统中进程/线程的调度优先级规则
Linux进程/线程的调度机制介绍:详细解析Linux系统中进程/线程的调度优先级规则
91 0
|
10天前
|
监控 Java 关系型数据库
JVM工作原理与实战(十三):打破双亲委派机制-线程上下文类加载器
JVM作为Java程序的运行环境,其负责解释和执行字节码,管理内存,确保安全,支持多线程和提供性能监控工具,以及确保程序的跨平台运行。本文主要介绍了打破双亲委派机制的方法、线程上下文类加载器等内容。
14 2
|
20天前
|
安全 Java 调度
深入理解Java中的线程安全与锁机制
【4月更文挑战第6天】 在并发编程领域,Java语言提供了强大的线程支持和同步机制来确保多线程环境下的数据一致性和线程安全性。本文将深入探讨Java中线程安全的概念、常见的线程安全问题以及如何使用不同的锁机制来解决这些问题。我们将从基本的synchronized关键字开始,到显式锁(如ReentrantLock),再到读写锁(ReadWriteLock)的讨论,并结合实例代码来展示它们在实际开发中的应用。通过本文,读者不仅能够理解线程安全的重要性,还能掌握如何有效地在Java中应用各种锁机制以保障程序的稳定运行。
|
24天前
|
JavaScript 前端开发
JS 单线程还是多线程,如何显示异步操作
JS 单线程还是多线程,如何显示异步操作
22 2
|
30天前
|
开发框架 JavaScript 前端开发
描述JavaScript事件循环机制,并举例说明在游戏循环更新中的应用。
JavaScript的事件循环机制是单线程处理异步操作的关键,由调用栈、事件队列和Web APIs构成。调用栈执行函数,遇到异步操作时交给Web APIs,完成后回调函数进入事件队列。当调用栈空时,事件循环取队列中的任务执行。在游戏开发中,事件循环驱动游戏循环更新,包括输入处理、逻辑更新和渲染。示例代码展示了如何模拟游戏循环,实际开发中常用框架提供更高级别的抽象。
14 1
|
1月前
|
JavaScript 前端开发 算法
深入探讨前端框架Vue.js中的虚拟DOM机制
本文将深入探讨前端框架Vue.js中的虚拟DOM机制,分析其原理、优势以及在实际开发中的应用场景,帮助读者更好地理解Vue.js框架的核心特性。

热门文章

最新文章