首页主机资讯WebWorker中sendmessage使用方法

WebWorker中sendmessage使用方法

时间2024-06-28 19:16:03发布访客分类主机资讯浏览344
导读:在WebWorker中,可以使用postMessage( 方法来发送消息。下面是一个简单的示例: // 创建一个WebWorker const worker = new Worker('worker.js' ; // 监听WebWorke...

在WebWorker中,可以使用postMessage()方法来发送消息。下面是一个简单的示例:

// 创建一个WebWorker
const worker = new Worker('worker.js');


// 监听WebWorker发来的消息
worker.onmessage = function(event) {
    
  console.log('Message received from worker:', event.data);

}
    ;
    

// 向WebWorker发送消息
worker.postMessage('Hello from main script!');

在上面的示例中,首先创建了一个WebWorker,并指定了Worker脚本的路径。然后通过worker.postMessage()方法向WebWorker发送消息。在WebWorker中,可以通过self.onmessage监听来自主线程的消息,并通过postMessage()方法向主线程发送消息。

在Worker脚本中,可以使用如下代码接收来自主线程的消息,并向主线程发送消息:

// 监听主线程发来的消息
self.onmessage = function(event) {
    
  console.log('Message received from main script:', event.data);
    
  
  // 向主线程发送消息
  self.postMessage('Hello from worker!');

}
    ;
    

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: WebWorker中sendmessage使用方法
本文地址: https://pptw.com/jishu/684964.html
搭建vps要多少钱_搭建流程 pub域名注册_注册域名

游客 回复需填写必要信息