Web Worker 是 HTML5 標準的一部分

定義了一套 API，讓我們在 js 主執行緒之外開闢新的 Worker 線程，並將一段 js 腳本運行其中

賦予了開發者利用 js 操作多執行緒的能力

即使腳本執行了很長時間，Web 應用程式的 UI 仍然可以保持回應

提高頁面效能：在後台線程中執行一些計算密集型或耗時的操作，如資料處理、圖像處理等，而不會佔用主線程，從而避免了頁面卡頓或卡死的情況，提高了頁面的性能和響應速度。

處理大規模數據：可以處理大規模的數據，因為它們在單獨的執行緒中運行，不會影響主執行緒的運行，可以更有效率地處理大規模的數據，提高了程式碼的效率和可擴展性。

使程式碼更加模組化：可以將程式碼分割成多個模組，分別運行在不同的執行緒中，從而使得程式碼更加模組化，可維護性和可讀性更強。

支援多線程：支援多線程，因此可以利用多核心處理器的優勢，提高程式碼的運行效率。

影像處理：如旋轉、裁切、縮放、濾鏡等。這可以提高影像處理的效能和反應速度。

資料處理：如資料集的過濾、排序、歸納、轉換等。這可以提高數據處理的效率和準確性。

計算密集型任務：如模擬、最佳化、預測、統計等。這可以提高計算任務的速度和精度。

即時通訊：如聊天室、遊戲、視訊會議等。這可以提高即時通訊的穩定性和效能。

離線快取：可以將常用的資源預先下載到客戶端本機快取中，並在無法存取網際網路時使用快取中的資源。這可以提高應用程式的可用性和響應速度，尤其是在行動裝置上。

多執行緒處理：如平行計算、任務分發、負載平衡等。這可以提高系統的並發性和可擴展性。

主執行緒與 worker 執行緒之間的資料傳遞是傳值而不是傳送位址。因此即使傳遞的是一個Object，並且直接傳遞回來，接收到的也不是原來的那個值了。

error：當worker內部出現錯誤時觸發

messageerror：當 message 事件接收到無法被反序列化的參數時觸發

相同點：無論是在主執行緒關閉 worker，或是在 worker 執行緒內部關閉 worker，worker 執行緒目前的 Event Loop 中的任務會繼續執行

不同點：在主執行緒手動關閉worker，主執行緒與worker 執行緒之間的連線都會立刻停止，即使worker 執行緒目前的Event Loop 中仍有待執行的任務繼續呼叫postMessage() 方法，但主執行緒不會再接收到訊息。 在 worker 執行緒內部關閉 worker，不會直接斷開與主執行緒的連接，而是等待 worker 執行緒目前的 Event Loop 所有任務執行完，再關閉。也就是說，在目前 Event Loop 中繼續呼叫 postMessage() 方法，主執行緒還是能透過監聽message事件收到訊息的。

web worker在 worker 執行緒中提供了 importScripts() 方法來載入我們需要的js文件，而且，透過此方法載入的js文件不受同源策略約束

ESModule 模式：js 檔案為ESModule 模式時，importScripts() 匯入檔案會失敗，此時需要用const worker = new Worker('/worker.js', {type: 'module'})指定檔案類型，然後就能用import方式引入了

Error和Function物件以及Dom節點無法傳遞

調試 sharedWorker，需要在 Chrome 瀏覽器輸入 chrome://inspect/ ，這裡能看到所有正在運行的 sharedWorker，然後開啟一個獨立的 dev-tool 面板

web workers 已經被大多數瀏覽器支持，使用上基本上不用考慮相容問題

sharedWorker 在 Safari 以及行動裝置的相容性不是很好，使用時還需注意