什么是JavaScript的Web Workers？-js教程-PHP中文网

什么是JavaScript的Web Workers？

夜晨

发布： 2025-12-14 20:59:39

原创

444人浏览过

Web Workers 是 JavaScript 在后台线程运行脚本的机制，用于避免密集计算阻塞主线程；通过 new Worker() 创建、postMessage() 通信，不可操作 DOM，适用于大数据排序、音视频处理、加密解密等场景。

什么是javascript的web workers？

Web Workers 是 JavaScript 提供的一种在后台线程中运行脚本的机制，让耗时任务不阻塞主线程，从而保持页面响应流畅。

为什么需要 Web Workers

浏览器中 JavaScript 是单线程执行的，所有代码（包括 DOM 操作、事件处理、定时器等）都跑在同一个主线程上。一旦执行密集计算（比如图像处理、大数据排序、加密解密），页面就会“卡住”，按钮点不动、滚动延迟、动画掉帧。Web Workers 把这部分工作搬到独立线程里，主线程继续处理用户交互和渲染。

Web Workers 的基本用法

它不是直接在当前脚本里开个线程，而是通过加载一个单独的 JS 文件来启动新线程：

用 new Worker('path/to/worker.js') 创建并启动一个专用 Worker
主线程和 Worker 之间通过 postMessage() 发送消息，用 onmessage 接收
Worker 里不能访问 window、document、DOM 等全局对象，但可以使用 XMLHttpRequest、fetch、setTimeout、WebAssembly 等
Worker 内部用 self.postMessage() 向主线程发消息，self.onmessage 接收

常见使用场景

适合那些计算量大、与界面无关、可异步完成的任务：

手机在线人工冲值

说明:我不知道这个系统还能用到什么地方!他的运作方式是这样的,客户在其他地方比如掏宝购买了你得卡,然后在你的网站进行冲值,你得有人登陆并看着后台,如果有人冲值,就会刷出记录,手工冲值完毕后,你得点击 [冲值完毕],客户的页面就会返回冲值信息!安装:上传所有文件,倒入(sql.txt)mysql数据库,使用myphpadminphplib 777phplib/sys.php 777phplib