I Web Worker fanno parte dello standard HTML5

Definisce un set di API che ci consentono di aprire un nuovo thread Worker al di fuori del thread js principale ed eseguire uno script js al suo interno

Offre agli sviluppatori la possibilità di utilizzare js per gestire multi-thread

L'interfaccia utente dell'applicazione Web rimane reattiva anche se lo script viene eseguito per un lungo periodo

Migliora le prestazioni della pagina: esegui alcune operazioni che richiedono molto tempo o calcoli nel thread in background, come l'elaborazione dei dati, l'elaborazione delle immagini, ecc., senza occupare il thread principale, evitando così ritardi o blocchi della pagina e migliorando le prestazioni e la reattività della pagina .

Elabora dati su larga scala: i dati su larga scala possono essere elaborati perché vengono eseguiti in thread separati e non influiscono sull'esecuzione del thread principale. I dati su larga scala possono essere elaborati in modo più efficiente, migliorando l'efficienza e la scalabilità del codice.

Rendi il codice più modulare: il codice può essere diviso in più moduli ed eseguito in thread diversi, rendendolo così più modulare, manutenibile e leggibile.

Supporta il multi-threading: supporta il multi-threading, così puoi sfruttare i processori multi-core per migliorare l'efficienza di esecuzione del tuo codice.

Elaborazione delle immagini: come rotazione, ritaglio, ridimensionamento, filtri, ecc. Ciò migliora le prestazioni e la reattività dell'elaborazione delle immagini.

Elaborazione dei dati: come filtraggio, ordinamento, riepilogo e trasformazione di set di dati, ecc. Ciò migliora l’efficienza e la precisione dell’elaborazione dei dati.

Compiti computazionalmente intensivi: come simulazione, ottimizzazione, previsione, statistica, ecc. Ciò migliora la velocità e la precisione delle attività di elaborazione.

Comunicazione in tempo reale: come chat room, giochi, videoconferenze, ecc. Ciò migliora la stabilità e le prestazioni delle comunicazioni in tempo reale.

Caching offline: le risorse di uso comune possono essere pre-scaricate nella cache locale del client e le risorse nella cache possono essere utilizzate quando non è possibile accedere a Internet. Ciò può migliorare l'usabilità e la reattività della tua applicazione, soprattutto sui dispositivi mobili.

Elaborazione multi-thread: come elaborazione parallela, distribuzione delle attività, bilanciamento del carico, ecc. Ciò migliora la concorrenza e la scalabilità del sistema.

Il trasferimento dei dati tra il thread principale e il thread di lavoro avviene in base al valore anziché all'indirizzo. Pertanto, anche se un Oggetto viene passato e restituito direttamente, il valore ricevuto non è il valore originale.

errore: attivato quando si verifica un errore all'interno del lavoratore

messageerror: attivato quando l'evento messaggio riceve parametri che non possono essere deserializzati

Similitudine: se il lavoratore viene arrestato nel thread principale o all'interno del thread di lavoro, le attività nell'Event Loop corrente del thread di lavoro continueranno ad essere eseguite.

La differenza: quando il lavoratore viene chiuso manualmente nel thread principale, la connessione tra il thread principale e il thread di lavoro verrà interrotta immediatamente anche se ci sono ancora attività da eseguire nell'attuale Event Loop del thread di lavoro, il postMessage () continuerà a essere chiamato, ma il thread principale non verrà più ricevuto. La chiusura del lavoratore all'interno del thread di lavoro non lo disconnetterà direttamente dal thread principale, ma attenderà fino al completamento di tutte le attività dell'Event Loop corrente del thread di lavoro prima di chiuderlo. In altre parole, se continui a chiamare il metodo postMessage() nell'Event Loop corrente, il thread principale può ancora ricevere messaggi ascoltando l'evento messaggio.

Il lavoratore Web fornisce il metodo importScripts() nel thread di lavoro per caricare i file js di cui abbiamo bisogno. Inoltre, i file js caricati tramite questo metodo non sono soggetti alla stessa politica di origine.

Modalità ESModule: quando il file js è in modalità ESModule, importScripts() non riuscirà a importare il file. In questo caso, è necessario utilizzare const worker = new Worker('/worker.js', {type: 'module'}. ) per specificare il tipo di file, quindi è possibile Introdurre utilizzando il metodo di importazione

Gli oggetti Error e Function e i nodi Dom non possono essere passati

Per eseguire il debug di sharedWorker, devi inserire chrome://inspect/ nel browser Chrome. Qui puoi vedere tutti gli sharedWorker in esecuzione e quindi aprire un pannello degli strumenti di sviluppo indipendente.

I Web Worker sono già supportati dalla maggior parte dei browser e praticamente non è necessario considerare i problemi di compatibilità quando li si utilizza.

La compatibilità di sharedWorker in Safari e sui terminali mobili non è molto buona, quindi è necessario prestare attenzione quando lo si utilizza.