//共享工作线程允许多个页面共享使用,每个页面都是链接到该共享工作线程的某个端口号上。页面通过该端口与共享工作线程进行通信
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绑定,必须要显式启动端口通信
}