讲师中心 微信公众号

工具推荐

视频效率加速
AniShort
AniShort

AI短剧协同制作平台

剧云
剧云

中文短剧剧本制作平台

updream

一键生成高质量推广成片

Seko
Seko

AI短剧一键生成成片

javascript中的Web Workers是什么_它如何实现多线程?

小涛小哥_4554

小涛小哥_4554

发布时间:2025-12-27 21:53:24

|

235人浏览过

|

来源于php中文网

原创

Web Workers 是浏览器提供的后台线程机制,不阻塞主线程,实现并发执行;其本质是独立执行上下文,与主线程隔离,通信仅通过 postMessage,无共享内存,故无竞态条件。

javascript中的web workers是什么_它如何实现多线程?

Web Workers 是浏览器提供的、让 JavaScript 在后台线程中运行的机制,它不阻塞主线程,从而实现真正的并发执行——但要注意,它不是传统意义上的“多线程”,而是“多线程能力的有限封装”。

Web Workers 的本质:独立的执行上下文

每个 Worker 运行在单独的全局环境中(有自己的 globalThis、setTimeout、fetch 等),与主线程完全隔离。它不能访问 DOM、window 或 document,也不能直接共享变量或对象——所有通信必须通过 postMessage() 和 onmessage 显式传递数据(底层是结构化克隆,不是引用共享)。

这意味着:
- 主线程和 Worker 之间没有锁、没有竞态条件(因为无共享内存)
- 并发靠的是操作系统级线程调度,而非 JS 引擎模拟
- 它是浏览器为 JS “补上”的异步并行能力,弥补单线程模型的短板

如何创建和使用 Worker

Worker 需要从一个独立的 .js 文件启动(不能是内联脚本或 URL.createObjectURL 的 Blob URL 在某些环境受限):

  • 新建文件 worker.js,写入 Worker 逻辑(如耗时计算)
  • 主线程中用 new Worker('./worker.js') 实例化
  • 用 worker.postMessage(data) 向 Worker 发送消息
  • Worker 内监听 self.onmessage 接收,处理完再 self.postMessage(result) 返回
  • 主线程监听 worker.onmessage 获取结果

Worker 的类型与适用场景

常见三种 Worker:

CDP浏览器大师
CDP浏览器大师

CDP浏览器大师:通过Chrome DevTools Protocol驱动已登录浏览器实现自动化任务,解决反爬封号、选择器失效、SPA路由难导航、固定sleep不准四大痛点。核心能力包括UA伪装、WebGL/Canvas指纹混淆、智能等待、动态选择器以及可视化调试。

下载

立即学习“Java免费学习笔记(深入)”;

  • Dedicated Worker:一对一绑定主线程,最常用,适合单任务长期运行(如音频分析、大数组排序)
  • Shared Worker:多个页面/iframe 可共享同一个 Worker(需同源),适合跨 tab 协作(如实时状态同步)
  • Service Worker:专用于拦截网络请求、缓存控制、离线支持,生命周期由浏览器管理,不是为通用计算设计

注意:Worker 中不能用 alert、console.log(部分浏览器支持,但应改用 self.console.log)、document 等主线程专属 API。

为什么说它“不是多线程”?关键限制

JavaScript 本身仍是单线程语言,Worker 只是把 JS 引擎实例复制到另一个线程中运行。它的“多线程”体现在线程层面,并非 JS 层面的线程控制:

  • 无法创建子线程(Worker 内不能 new Worker,除非是 Chrome 的 nested worker 实验性支持)
  • 无 sleep、无锁、无原子操作、无共享内存(ArrayBuffer 可转移,但需显式 transfer,之后原线程不能再访问)
  • 通信有开销:序列化/反序列化大数据(如大 JSON)会卡顿,建议用 Transferable 对象(如 ArrayBuffer)避免拷贝

所以 Web Workers 是“进程级并发”,不是“线程级并发”——它安全、简单、可靠,代价是灵活性受限。

相关文章

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

花生AI
花生AI Hot

一款AI视频创作工具,主要用于B站推出的AI视频创作工具,适合需要提升相关任务效率的用户。

函子Zion

一款支持AI搭建、可视化编辑和多端发布的全栈无代码开发平台。

二狗PPT
二狗PPT Hot

一款AI演示文稿工具,主要用于专为中式职场打造的AI PPT生成工具,适合需要提升相关任务效率的用户。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

PixTV
PixTV Hot

PixTV是一款面向AIGC内容创作的AI视频生成工具。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

2295

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

3762

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

1256

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

4359

2025.09.10

chrome什么意思
chrome什么意思

chrome是浏览器的意思,由Google开发的网络浏览器,它在2008年首次发布,并迅速成为全球最受欢迎的浏览器之一。本专题为大家提供chrome相关的文章、下载、课程内容,供大家免费下载体验。

2946

2023.08.11

chrome无法加载插件怎么办
chrome无法加载插件怎么办

chrome无法加载插件可以通过检查插件是否已正确安装、禁用和启用插件、清除插件缓存、更新浏览器和插件、检查网络连接和尝试在隐身模式下加载插件方法解决。更多关于chrome相关问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

6099

2023.11.06

Chrome开启无痕模式
Chrome开启无痕模式

本专题整合了Chrome无痕模式开启相关内容,阅读专题下面的文章了解更多详细教程。

4367

2026.03.24

线程和进程的区别
线程和进程的区别

线程和进程的区别:线程是进程的一部分,用于实现并发和并行操作,而线程共享进程的资源,通信更方便快捷,切换开销较小。本专题为大家提供线程和进程区别相关的各种文章、以及下载和课程。

4758

2023.08.10

Postman身份认证怎么配置
Postman身份认证怎么配置

本专题从实际API接口调试场景出发,讲解Postman身份认证的完整配置流程,包括常见认证协议介绍、授权参数设置、访问令牌填写、OAuth 2.0授权及认证失败排查,帮助用户正确完成接口授权与访问验证。

60

2026.11.06

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.5万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.8万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn