JavaScript共享内存_javascript多线程-js教程-PHP中文网

JavaScript共享内存_javascript多线程

幻影之瞳

发布： 2025-12-01 19:44:02

原创

180人浏览过

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修改，因为它们操作的是同一块内存。

OpenMP多线程编程指南 WORD版

本文档主要讲述的是OpenMP多线程编程指南；OpenMP是由OpenMP Architecture Review Board牵头提出的，并已被广泛接受的，用于共享内存并行系统的多线程程序设计的一套指导性注释(Compiler Directive)。OpenMP是一种面向共享内存以及分布式共享内存的多处理器多线程并行编程语言，能被用于显示指导多线程、共享内存并行的应用程序编程接口。希望本文档会给有需要的朋友带来帮助；感兴趣的朋友可以过来看看