HTML Web Workers
学习多线程 · 难度：高级 · +15XP
HTML Web Workers 多线程
Web Workers在后台线程运行JS，不阻塞页面UI。
创建Worker
const w=new Worker("worker.js");
w.postMessage(1000000);
w.onmessage=e=>console.log("结果:",e.data);
w.onerror=e=>console.error(e);
w.terminate(); // 终止workerworker.js
self.onmessage=e=>{
let sum=0;for(let i=0;i限制
- 不能访问DOM
- 不能访问window对象
- 通过postMessage通信
???? 练习
- 创建Worker进行后台计算
- 主线程处理Worker返回结果
学习与实践建议
- 先理解本节的核心概念和语法规则
- 在右边编辑器中修改示例代码，观察运行结果变化
- 尝试用学到的知识完成一个小练习——比如自己写一个工具函数或小程序
- 遇到问题时，查阅官方文档是最快的学习途径
编程是门实践技能，动手写代码比看教程重要得多。坚持每天练习，你会很快看到进步！