HTML5 Web Worker 為何有用?


JavaScript 旨在在單執行緒環境中執行,這意味著多個指令碼無法同時執行。考慮一下這種情況:你需要處理 UI 事件、查詢並處理大量 API 資料以及操作 DOM。

當 CPU 利用率較高時,JavaScript 會使瀏覽器掛起。讓我們看一個簡單的例子:JavaScript 執行一個大迴圈

<!DOCTYPE HTML>
<html>
   <head>
      <title>Big for loop</title>
      <script>
         function bigLoop(){
            for (var i = 0; i <= 10000; i += 1){
               var j = i;
            }
            alert("Completed " + j + "iterations" );
         }
         function sayHello(){
            alert("Hello sir...." );
         }
      </script>
   </head>
   <body>
      <input type = "button" onclick = "bigLoop();" value = "Big Loop" />
      <input type = "button" onclick = "sayHello();" value = "Say Hello" />
   </body>
</html>

單擊“大迴圈”按鈕時,將顯示以下內容

可以使用 Web Worker 來處理上述情況,它們將在不中斷使用者介面的情況下執行所有高計算量的任務,並且通常在單獨的執行緒上執行。

更新日期: 2020 年 1 月 29 日

119 次瀏覽

開啟您的 職業生涯

完成課程即可獲得認證

開始
廣告
© . All rights reserved.