Worker
*worker遵守同源策略
*/
Worker 用于创建线程，不会阻塞页面。互相可以发送数据和接收数据。
var wk=new Worker('.js') 创建对象。
wk.postMessage('') 发送数据到线程
wk.addEventListener('message',fn(event){}) 接收线程发送的数据。
event.data //值
wk.terminate()//结束线程
还可绑定error
线程内：
postMessage发送数据。
self表示本线程对象。
self.addEventListener('message')绑定接收事件。
self.color()//关闭线程。
function startWorker(){
if( typeof(Worker) !== 'undefined'){
w=new Worker('worker.js');
w.postMessage('父级传递的');
//还可通过 addEventListener 添加message事件
//参数event 有target(指向发送数据的worker) 和data
w.onmessage=function(event){
console.log(event.data);
document.querySelector('#result').innerHTML=event.data;
}
//错误绑定
w.addEventListener('error',function(error){
console.log(error.lineno,error.message)
})
}else{
console.log('不支持')
}
}
function stopWorker(){
w.terminate();
}
/*worker分为专业线程和共享线程，以前是专业线程
*专业线程的脚本和页面一一对应。而共享线程在同源的多个页面间进行共享。
*/
/*“创建一个共享线程，直接将脚本的URL或worker的名字传入SharedWorker构造函数”
* 区别在于，共享worker与端口相关联，以保证父脚本或页面可以访问。
*/
/*由于它们具有共享的属性，你可以保持一个应用程序在不同窗口内的相同状态，
* 并且不同窗口的页面通过同一共享worker脚本保持和报告状态。
*
*/
var shareworker=new SharedWorker('shareworker.js');
var log = document.getElementById('result');
//当用onmessage绑定时不需要start()来启用链接
/*shareworker.port.onmessage=function(event){
console.log('share'+event.data);
}*/
//当用add绑定事件时需要调用start()来启用链接
shareworker.port.addEventListener('message', function(e) {
log.textContent += '\n' + e.data;
console.log(e.data);
}, false);
//当链接成功后线程onconnect函数可以获取到链接，并返回数据
shareworker.port.start(); // note: need this when using addEventListener
shareworker.port.postMessage('ping');
//告诉线程关闭
//线程关闭需要在线程内触发
//shareworker.port.postMessage('close');
//shareworker.port.postMessage('closce');
</script>
专项线程的跨浏览器支持目前还不错，Chrome，Safari和Firefox目前的版本都支持，甚至IE这次都没有落后太多，IE10还是不错的。但是共享线程只有当前版本的Chrome和Safari支持。另外奇怪的一点是，Android 2.1的浏览器支持web worker，反而4.0版本不支持。苹果也从iOS 5.0开始支持web worker。
worker.js:
var i=0;
function timedCount(){
i=i+1;
postMessage(i);//发送数据postMessage
setTimeout("timedCount()",500);
}
//进程中用self来表示当前对象，
//它可以绑定事件，还接收父级传递的值
self.addEventListener('message',function(evnet){
console.log(evnet.data);
});
//自调用结束
//self.close()
timedCount();
shareworker.js:
/*共享线程可设置 onconnect函数。
* 当有链接到时触发,它需要链接成功后才可获取到当前链接的对象。
* e.prots[0]来获取链接当前链接，和绑定监听，发送数据，关闭链接
*
*/
var count=0;
onconnect = function(e) {
count+=1;
var port = e.ports[0];
port.postMessage('Hello World!num:'+count);
port.onmessage = function(e) {
port.postMessage(e.data+'pong');
if(e.data=='close'){
port.close();
}
}
}
worker分为专业线程和共享线程，以前是专业线程
专业线程的脚本和页面一一对应。而共享线程在同源的多个页面间进行共享。
例如：同源中所有页面或脚本可以与同一个共享线程通信。
在多个页面中引用一人线程，线程内可以创建全局变量，onconnect内可以修改变量。这样第二个页面访问时可以获取这个变量。
也就是第一个页面修改后的值。而不会是新的默认值。
可以多个页面访问，全局保存信息，共多个页面使用。
由于它们具有共享的属性，你可以保持一个应用程序在不同窗口内的相同状态， 并且不同窗口的页面通过同一共享worker脚本保持和报告状态。
var shareworker=new SharedWorker('shareworker.js');
shareworker.port.addEventListener
需要在port上绑定message.
port.start()//需要手动开启链接。
当链接成功后线程onconnect函数可以获取到链接，并返回数据
port.postmessage()发送值。
线程内需要定义onconnect函数。
var port=e.ports[0]来获取当前链接对象。
通过链接对象来发送和接收数据，还有关闭此链接。
port.postMessage()
port.onmessage=fn(e)
port.close()
可以在全局创建变量，onconnect函数内来修改全局。
此线程一但被引用，有链接进入。就会缓存全局值。
其他链接成功可以访问全局值。