HTML5 網(wǎng)路工作者
Web Workers
在html5規(guī)格中引入了web workers概念，解決客戶端JavaScript無(wú)法多執(zhí)行緒的問(wèn)題，其定義的worker是指程式碼的平行線程，不過(guò)web worker處?kù)兑粋€(gè)自包含的環(huán)境中，無(wú)法存取主線程的window對(duì)象和document對(duì)象，和主線程通訊只能透過(guò)非同步訊息傳遞機(jī)制
我們需要把希望單獨(dú)執(zhí)行的javascript程式碼放到一個(gè)單獨(dú)的js檔案中，然後在頁(yè)面中呼叫Worker建構(gòu)函式來(lái)建立一個(gè)線程，參數(shù)是該檔案路徑，參數(shù)存放如果是相對(duì)位址，那麼要以包含呼叫Worker建構(gòu)函式語(yǔ)句所在腳本為參照，如果是絕對(duì)路徑，需要保證同源（協(xié)定+主機(jī)+連接埠）。這個(gè)檔案不需要我們?cè)陧?yè)面使用script標(biāo)籤顯示引用
var worker=new Worker('js/worker.js');
<!DOCTYPE html>
<html>
<head>
<title>Web Workers</title>
</head>
<body>
<h1>Web Workers</h1>
<div id="test" style="width:500px;"></div>
<script type="text/javascript">
var worker=new Worker('js/worker.js');
worker.postMessage({
n:69
});
worker.onmessage=function(e){
var test=document.getElementById('test').innerHTML=e.data;
};
</script>
</body>
</html>/js/worker.jsfunction calc(n){
var result=[];
for(var i=1;i<10000;i++){
var tem=i;
if(i%n==0){
if(i%(10*n)==0){
tem+='<br/>';
}
result.push(tem);
}
}
self.postMessage(result.join(' '));
self.close();
}
onmessage=function(e){
calc(e.data.n);
};顯示效果：
var i=0;
function timedCount()
{
????i=i+1;
????postMessage(i);
????setTimeout("timedCount()",500);
}
timedCount();
建立 Web Worker 物件
我們已經(jīng)有了 web worker 文件，現(xiàn)在我們需要從 HTML 頁(yè)面呼叫它。下面的程式碼偵測(cè)是否存在worker，如果不存在，- 它會(huì)建立一個(gè)新的web worker 對(duì)象，然後執(zhí)行"demo_workers.js" 中的程式碼：
##if(typeof (w)=="undefined"){
????w=new Worker("demo_workers.js");
}
w.onmessage=function(event){????document.getElementById("result").innerHTML= event.data;
};
終止Web Worker
當(dāng)我們建立web worker 物件後，它會(huì)繼續(xù)監(jiān)聽(tīng)訊息（即使在外部腳本完成之後）直到其被終止為止。 如需終止web worker，並釋放瀏覽器/電腦資源，請(qǐng)使用terminate() 方法：w.terminate();
#
