Web Workers

Definition

Les Web Workers permettent d'executer du JavaScript dans un thread separe du thread principal. Ils communiquent par messages (postMessage) et n'ont pas acces au DOM.

Analogie

Un assistant en coulisses qui fait les calculs lourds pendant que le serveur continue a s'occuper des clients.

Exemple de code

class="cmt">// main.js
const worker = new Worker(class="str">'calc.js');
worker.postMessage({ data: [1, 2, 3] });
worker.onmessage = (e) => console.log(e.data);
class="cmt">// calc.js
onmessage = (e) => postMessage(e.data.map(x => x * 2));

Cas d'usage

Decharger des calculs lourds (traitement d'image, tri de gros tableaux) sans bloquer l'UI.