當前位置:妙知谷 >

遊戲數碼 >互聯網 >

什麼是 Web Worker?

什麼是 Web Worker?

好多人不知道什麼是Web Worker,今天我就和大家説一説

什麼是 Web Worker?

操作方法

(01)web worker 是運行在後台的 JavaScript,不會影響頁面的性能。

什麼是 Web Worker? 第2張

(02)什麼是 Web Worker?當在 HTML 頁面中執行腳本時,頁面的狀態是不可響應的,直到腳本已完成。

什麼是 Web Worker? 第3張

(03)web worker 是運行在後台的 JavaScript,獨立於其他腳本,不會影響頁面的性能。您可以繼續做任何願意做的事情:點擊、選取內容等等,而此時 web worker 在後台運行。

什麼是 Web Worker? 第4張

(04)檢測 Web Worker 支持在創建 web worker 之前,請檢測用户的瀏覽器是否支持它:if(typeof(Worker)!=="undefined")  {  // Yes! Web worker support!  // Some code.....  }else  {  // Sorry! No Web Worker support..  }

什麼是 Web Worker? 第5張

(05)創建 web worker 文件現在,讓我們在一個外部 JavaScript 中創建我們的 web worker。在這裏,我們創建了計數腳本。該腳本存儲於 "demo_" 文件中:var i=0;function timedCount(){i=i+1;postMessage(i);setTimeout("timedCount()",500);}timedCount();

什麼是 Web Worker? 第6張

(06)以上代碼中重要的部分是 postMessage() 方法 - 它用於向 HTML 頁面傳回一段消息。註釋:web worker 通常不用於如此簡單的腳本,而是用於更耗費 CPU 資源的任務。

什麼是 Web Worker? 第7張

(07)創建 Web Worker 對象我們已經有了 web worker 文件,現在我們需要從 HTML 頁面調用它。下面的代碼檢測是否存在 worker,如果不存在,- 它會創建一個新的 web worker 對象,然後運行 "demo_" 中的代碼:if(typeof(w)=="undefined")  {  w=new Worker("demo_");  }

什麼是 Web Worker? 第8張
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/sm/hulianwang/go4y2y.html