SharedWorker对象


//共享工作线程允许多个页面共享使用,每个页面都是链接到该共享工作线程的某个端口号上。页面通过该端口与共享工作线程进行通信
var myWorker = new SharedWorker("worker.js");//创建SharedWorker对象
worker.port.onmessage=function(event)
{

  var result=event.data//获取共享线程返回的数据

  alert("计算质数完成"+result);


}

function calculate()

{

   worker.port.postMessage(1233);//还是一样的方式,向共享线程发送数据

}

共享线程执行的代码如下:

onconnect=funciton(event)//共享线程通过onconnect,而不是onmessage

{

  var port=event.ports[0];

  port.onmessage=function(event)

  {

      var data=evenat.data;//获取主页面数据

     var count=cal(data);//计算结果

    port.postMessage(count);//返回给主页面

  }

}

注意:除了用onmessage来设置消息处理方法以外,还可以使用addEventListener添加消息处理,这样做的好处是可以添加多个事件处理方法。不过这时候需要用port.start()显示启动端口上的通信。如果主页面通过addEventListener来完成事件绑定,那么要通过myworker.port.start()显示启动端口通信

myWorker.port.postMessage([first.value,second.value]);//主页面发送数据

//SharedWorker接受数据

onconnect = function(e) {
    var port = e.ports[0];
    port.addEventListener('message', function(e) {
      var workerResult = 'Result: ' + (e.data[0] * e.data[1]);
      port.postMessage(workerResult);
    });
    port.start(); //用onmessage绑定,必须要显式启动端口通信
}

你可能感兴趣的:(SharedWorker对象)