好多人不知道什麼是Web Worker,今天我就和大家説一説
(01)web worker 是運行在後台的 JavaScript,不會影響頁面的性能。
(02)什麼是 Web Worker?當在 HTML 頁面中執行腳本時,頁面的狀態是不可響應的,直到腳本已完成。
(03)web worker 是運行在後台的 JavaScript,獨立於其他腳本,不會影響頁面的性能。您可以繼續做任何願意做的事情:點擊、選取內容等等,而此時 web worker 在後台運行。
(04)檢測 Web Worker 支持在創建 web worker 之前,請檢測用户的瀏覽器是否支持它:if(typeof(Worker)!=="undefined") { // Yes! Web worker support! // Some code..... }else { // Sorry! No Web Worker support.. }
(05)創建 web worker 文件現在,讓我們在一個外部 JavaScript 中創建我們的 web worker。在這裏,我們創建了計數腳本。該腳本存儲於 "demo_" 文件中:var i=0;function timedCount(){i=i+1;postMessage(i);setTimeout("timedCount()",500);}timedCount();
(06)以上代碼中重要的部分是 postMessage() 方法 - 它用於向 HTML 頁面傳回一段消息。註釋:web worker 通常不用於如此簡單的腳本,而是用於更耗費 CPU 資源的任務。
(07)創建 Web Worker 對象我們已經有了 web worker 文件,現在我們需要從 HTML 頁面調用它。下面的代碼檢測是否存在 worker,如果不存在,- 它會創建一個新的 web worker 對象,然後運行 "demo_" 中的代碼:if(typeof(w)=="undefined") { w=new Worker("demo_"); }