JavaScript通过Web Workers实现并发，主线程与Worker线程隔离，通过消息传递通信；可使用SharedArrayBuffer实现共享内存，Node.js中worker_threads模块提供多线程能力。
JavaScript本身是单线程语言，运行在主线程上，但可以通过 Web Workers 实现真正的并发执行，也就是我们常说的“多线程”编程。虽然不能像C++或Java那样直接操作系统线程，但在浏览器和Node.js环境中，Web Workers 提供了隔离线程的能力，可以执行耗时任务而不阻塞UI。
使用 Web Workers 实现多线程
Web Workers 允许你在后台线程中运行脚本，与主线程并行执行。主线程和 Worker 线程之间通过消息传递通信，彼此隔离，不能共享内存（默认情况下）。
1. 创建一个 Worker 文件
新建一个 JavaScript 文件，比如 worker.js，写入要在后台运行的代码：
// worker.jsself.onmessage = function(e) { const data = e.data; let result = 0; for (let i = 0; i < data; i++) { result += i; } self.postMessage(result);};
2. 在主线程中启动 Worker
在主页面脚本中创建 Worker 实例，发送数据并接收结果：
立即学习“Java免费学习笔记（深入）”；
// main.jsconst worker = new Worker('worker.js');worker.onmessage = function(e) { console.log('计算结果:', e.data);};worker.onerror = function(error) { console.error('Worker 错误:', error);};// 发送数据到 Workerworker.postMessage(1000000000); // 计算 0 到 10亿 的和
这样，繁重的计算就在独立线程中完成，不会卡住页面。
共享内存与高性能通信：使用 SharedArrayBuffer
如果需要更高效的线程间数据共享，可以使用 SharedArrayBuffer，配合 Atomics 操作实现线程安全的内存共享。
注意：
SharedArrayBuffer 的使用受跨源策略限制，需确保网站启用了正确的 CORS 和 COOP/COEP 头：
Cross-Origin-Opener-Policy: same-originCross-Origin-Embedder-Policy: require-corp
示例：共享内存通信
主线程创建共享内存：
const sharedBuffer = new SharedArrayBuffer(4); // 4字节，存放一个整数const sharedArray = new Int32Array(sharedBuffer);const worker = new Worker('shared-worker.js');worker.postMessage(sharedArray);// 等待 Worker 修改数据setTimeout(() => { console.log('共享数组最终值:', sharedArray[0]);}, 2000);
Worker 中接收并修改共享内存：
// shared-worker.jsself.onmessage = function(e) { const sharedArray = e.data; Atomics.add(sharedArray, 0, 42); // 原子操作增加 Atomics.notify(sharedArray, 0); // 通知主线程（可用于等待唤醒）};
Node.js 中的多线程：worker_threads 模块
在 Node.js 环境中，可以使用 worker_threads 模块实现真正的多线程。
示例：
// main.jsconst { Worker } = require('worker_threads');function runThread(data) { return new Promise((resolve, reject) => { const worker = new Worker( `const { parentPort } = require('worker_threads'); let result = 0; for (let i = 0; i { if (code !== 0) reject(new Error(`Worker stopped with exit code ${code}`)); }); });}runThread(1e9).then(console.log).catch(console.error);
Node.js 的 worker_threads 支持 SharedArrayBuffer，也能实现高效数据共享。
基本上就这些。Web Workers 是前端实现真正并发的核心手段，而 Node.js 的 worker_threads 提供了更接近传统多线程的能力。关键是理解消息传递机制，避免共享状态，合理拆分任务。不复杂但容易忽略细节，比如跨域限制和序列化开销。
以上就是怎样使用JavaScript进行真正的多线程编程？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1523822.html
微信扫一扫 
支付宝扫一扫 
