获得徽章 4
- webworker阔以通过传递bolb的方式，实现不创建新js文件实现多线程
// 定义要执行的 JavaScript 代码
const workerCode = `
self.onmessage = function(e) {
console.log('Message received from main script');
// Do some processing...
const result = e.data * 2;
// Post the result back to the main script.
postMessage(result);
};
`;
// 创建 Blob 对象
const blob = new Blob([workerCode], { type: 'text/javascript' });
// 创建一个指向 Blob 的 URL
const url = URL.createObjectURL(blob);
// 使用该 URL 实例化 Web Worker
const worker = new Worker(url);
// 发送消息到 Web Worker
worker.postMessage(5); // 假设发送一个数字进行计算
// 监听来自 Web Worker 的消息
worker.onmessage = function(event) {
console.log('Received message from worker:', event.data);
};
// 清理
worker.addEventListener('message', function(event) {
if (event.data === 'done') {
URL.revokeObjectURL(worker.url);
worker.terminate();
}
});展开赞过
评论1
juejin.cn![[流泪]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)