Kas ir tīmekļa darbinieki un kam tie ir paredzēti…

Tīmekļa darbinieki — tas ir veids, kā izpildīt skriptus fonu plūsmās, kas ir atdalītas no galvenās UI plūsmas.

To galvenais mērķis:

Veiktspējas uzlabošana: resursu intensīvu uzdevumu (komplicētu aprēķinu, lielu datu apstrādes, parsēšanas) pārvietošana no galvenās plūsmas, kas ir atbildīga par saskarnes attēlošanu un lietotāja notikumu apstrādi. Tas novērš lapas “sasalšanu” un uzlabo lietojumprogrammas atsaucību.
Paralelizms: iespēja vienlaikus veikt vairākus uzdevumus, efektīvāk izmantojot daudzķermeņu procesorus.

Pastāv trīs veidu tīmekļa darbinieki:

Dedicated Workers: ir saistīti ar konkrētu lapu un pieejami tikai tai.
Shared Workers: var būt pieejami no vairākām lapām vai cilnēm vienā domēnā.
Service Workers: darbojas kā tīkla starpnieki, pārtraucot tīkla pieprasījumus un ļaujot īstenot bezsaistes funkcionalitāti, paziņojumus un citas progresīvas tīmekļa lietojumprogrammu iespējas.

Darba principi:

Atsevišķs konteksts: darbiniekam ir savs globālais objekts un piekļuve pārlūkprogrammas API (nav piekļuves DOM, window, document, parent).
Ziņojumu apmaiņa: mijiedarbība starp galveno plūsmu un darbinieku notiek caur ziņojumiem, izmantojot postMessage() un notikumu apstrādātāju onmessage. Dati tiek pārsūtīti pēc vērtības (kopēti) vai pēc saites (Transferable Objects).

Dedicated Worker piemērs:

// main.js (galvenā plūsma)
const worker = new Worker('worker.js'); // Darbinieka izveide

worker.onmessage = (event) => {
  // Apstrādāt ziņojumu no darbinieka
  console.log('Saņemts no darbinieka:', event.data);
};

worker.postMessage('Sākt sarežģītu operāciju'); // Nosūtīt ziņojumu darbiniekam

// worker.js (darbinieka fails)
onmessage = (event) => {
  // Apstrādāt ziņojumu no galvenās plūsmas
  console.log('Saņemts no galvenās plūsmas:', event.data);

  // Veikt sarežģītu uzdevumu
  let result = 0;
  for (let i = 0; i < 1000000000; i++) {
    result += i;
  }

  // Atgriezt rezultātu
  postMessage(result);
};

Kas ir tīmekļa darbinieki un kam tie ir paredzēti?