讲师中心 微信公众号

工具推荐

视频效率加速
Laper
Laper

剧本策划到成片协作

AniShort
AniShort

AI短剧协同制作平台

updream

一键生成高质量推广成片

立刻MV
立刻MV

低成本歌曲 MV、视频生成

JavaScript共享内存_javascript多线程

小晨酱_7321

小晨酱_7321

发布时间:2025-12-01 19:44:02

|

230人浏览过

|

来源于php中文网

原创

JavaScript通过Web Workers实现多线程并发,配合SharedArrayBuffer与Atomics支持共享内存和原子操作,可在浏览器和Node.js中进行高效并行计算,但需满足跨源隔离等安全策略。

javascript共享内存_javascript多线程

JavaScript本身是单线程语言,运行在主线程上,所有任务按顺序执行。但在现代浏览器和Node.js环境中,可以通过Web Workers和SharedArrayBuffer实现类似“多线程”和“共享内存”的功能。

Web Workers:实现多线程并发

Web Workers允许JavaScript在后台线程中运行脚本,避免阻塞用户界面。虽然不能直接访问DOM或全局变量,但可通过消息传递与主线程通信。

创建一个Worker非常简单:

// main.js
const worker = new Worker('worker.js');
worker.postMessage('Hello Worker');
worker.onmessage = function(e) {
  console.log('收到返回:', e.data);
};

// worker.js
self.onmessage = function(e) {
  console.log('收到消息:', e.data);
  self.postMessage('Hello Main Thread');
};

这种方式实现了并行计算,比如处理大量数据、图像运算或复杂算法时不会卡住页面。

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

SharedArrayBuffer:实现线程间共享内存

为了实现多个线程之间的高效数据共享,JavaScript提供了SharedArrayBuffer。它允许多个Worker和主线程共享同一块内存区域,避免频繁复制数据。

使用示例:

// 创建共享内存(8字节,存放两个32位整数)
const sharedBuffer = new SharedArrayBuffer(8);
const int32Array = new Int32Array(sharedBuffer);

// 主线程初始化数据
int32Array[0] = 10;
int32Array[1] = 20;

const worker = new Worker('calc-worker.js');
worker.postMessage(int32Array); // 传递视图,底层共享内存
// calc-worker.js
self.onmessage = function(e) {
  const array = e.data; // 共享的Int32Array
  array[0] += array[1];
  self.postMessage('计算完成');
};

执行后,主线程中的int32Array[0]也会被Worker修改,因为它们操作的是同一块内存。

jm-jsjkxyjs02-zlm-405
jm-jsjkxyjs02-zlm-405

使用约定式提交(Conventional Commits)生成标准化的 Git 提交信息。适用于以下场景: (1) 暂存更改时需要提交信息; (2) 审查 diff 时希望获得结构化摘要; (3) 编写 PR 描述或变更日志(changelog)条目; (4) 用户明确要求“为本次更改编写提交信息”。 该功能会分析已暂存/未暂存的 diff,并生成按类型(type)划分范围的提交信息。

下载

原子操作与同步控制

由于多个线程同时访问共享内存可能引发竞态条件,JavaScript提供Atomics对象来确保操作的原子性。

常见用法包括:

  • Atomics.load(array, index):安全读取值
  • Atomics.store(array, index, value):安全写入值
  • Atomics.add(array, index, value):原子加法
  • Atomics.wait() / Atomics.wake():用于线程等待/唤醒机制

例如:

Atomics.add(int32Array, 0, 1); // 原子地将第0项加1

这能有效防止数据错乱,适合实现锁、信号量等同步机制。

注意事项与限制

出于安全考虑(如Spectre攻击),使用SharedArrayBuffer需要满足严格的上下文要求:

  • 页面必须启用跨源隔离(Cross-Origin Isolation)
  • 需设置HTTP头:
    Cross-Origin-Opener-Policy: same-origin
    Cross-Origin-Embedder-Policy: require-corp
  • 不支持所有浏览器,尤其旧版本或移动端

在Node.js中,从v12.17.0开始支持SharedArrayBuffer,但需注意环境配置。

基本上就这些。JavaScript虽非传统多线程语言,但通过Web Workers + SharedArrayBuffer + Atomics,已具备基础的并发与共享内存能力,适用于高性能计算场景。不复杂但容易忽略的是安全策略和跨域配置。

相关文章

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

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

下载

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

热门AI工具

更多
SkildArt
SkildArt Hot

SkildArt是一款AI文本写作工具,一站式 AI 视觉创作平台。

二狗PPT
二狗PPT Hot

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

蛙蛙写作

一款AI论文写作工具,主要用于超级AI智能写作助手,适合需要提升相关任务效率的用户。

DeepSeek

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

咔片AIPPT

一款在线AI演示文稿制作工具,可根据主题和内容需求辅助生成PPT结构与页面,提高演示材料制作效率。

UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。

Flowith
Flowith Hot

Flowith是一款基于画布和智能体工作流的 AI 协作工作空间。

豆包大模型

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

WorkBuddy

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

相关专题

更多
require的用法
require的用法

require的用法有引入模块、导入类或方法、执行特定任务。想了解更多require的相关内容,可以阅读本专题下面的文章。

1975

2023.11.27

c语言const用法
c语言const用法

const是关键字,可以用于声明常量、函数参数中的const修饰符、const修饰函数返回值、const修饰指针。详细介绍:1、声明常量,const关键字可用于声明常量,常量的值在程序运行期间不可修改,常量可以是基本数据类型,如整数、浮点数、字符等,也可是自定义的数据类型;2、函数参数中的const修饰符,const关键字可用于函数的参数中,表示该参数在函数内部不可修改等等。

2418

2023.09.20

全局变量怎么定义
全局变量怎么定义

本专题整合了全局变量相关内容,阅读专题下面的文章了解更多详细内容。

5185

2025.09.18

python 全局变量
python 全局变量

本专题整合了python中全局变量定义相关教程,阅读专题下面的文章了解更多详细内容。

2190

2025.09.18

c++ 全局变量
c++ 全局变量

本专题整合了c++全局变量的使用、定义、作用域等等内容,阅读专题下面的文章了解更多详细内容。

199

2026.03.17

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

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

4738

2023.08.10

Python 多线程与异步编程实战
Python 多线程与异步编程实战

本专题系统讲解 Python 多线程与异步编程的核心概念与实战技巧,包括 threading 模块基础、线程同步机制、GIL 原理、asyncio 异步任务管理、协程与事件循环、任务调度与异常处理。通过实战示例,帮助学习者掌握 如何构建高性能、多任务并发的 Python 应用。

1329

2025.12.24

java多线程相关教程合集
java多线程相关教程合集

本专题整合了java多线程相关教程,阅读专题下面的文章了解更多详细内容。

443

2026.01.21

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

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

40

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