Веб ишчилери эмне жана алар эмне үчүн керек?

Վեբ-воркерлер — бул скрипттерди фоновый агымдарда иштетүүнүн бир жолу, алар негизги UI агымынан ажыратылган.

Алардын негизги милдеттери:

• Иштөөнүн натыйжалуулугун жогорулатуу: Көп ресурсту талап кылган тапшырмаларды (кыйын эсептөөлөр, чоң маалыматтарды иштетүү, парсинг) негизги агымдан которуу, ал интерфейсдин чийки жана колдонуучу иш-чараларын иштетүү үчүн жооптуу. Бул беттин «жүктөлүшүн» алдын алат жана колдонмонун жооп кайтаруучулугун жакшыртат.
• Параллелизм: Бир нече тапшырманы бир убакта аткаруу мүмкүнчүлүгү, көп ядролуу процессорлорду натыйжалуу колдонуу.

Веб-воркерлердин үч түрү бар:

1. Dedicated Workers: конкреттүү баракчага байланыштуу жана ага гана жеткиликтүү.
2. Shared Workers: бир нече баракча же вкладкалардан жеткиликтүү болушу мүмкүн.
3. Service Workers: желе проксилер катары иштешет, желе суроолорун кармайт жана офлайн-функционалдуулукту, пуш-билдирүүлөрдү жана башка прогрессивдүү веб-колдонмолордун мүмкүнчүлүктөрүн ишке ашырат.

Ишке ашыруу принциптери:

• Өзүнчө контекст: Воркердин өзүнүн глобалдык объекти жана браузердин API бөлүктөрүнө жетүү (DOM, window, document, parent жок).
• Хабарламалар алмашуу: Негизги агым жана воркер ортосундагы өз ара аракеттешүү postMessage() жана onmessage окуя иштеткич аркылуу жүргүзүлөт. Маалыматтар мааниси боюнча өткөрүлөт (көчүрүлөт) же шилтемелери аркылуу (Transferable Objects).

Dedicated Worker колдонуу мисалы:

// main.js (негизги агым)
const worker = new Worker('worker.js'); // Воркер түзүү

worker.onmessage = (event) => {
  // Воркерден келген билдирүүнү иштетүү
  console.log('Алынады воркерден:', event.data);
};

worker.postMessage('Кыйын операцияны баштоо'); // Воркерге билдирүү жөнөтүү

// worker.js (воркер файлы)
onmessage = (event) => {
  // Негизги агымдан келген билдирүүнү иштетүү
  console.log('Негизги агымдан алынды:', event.data);

  // Кыйын тапшырманы аткаруу
  let result = 0;
  for (let i = 0; i < 1000000000; i++) {
    result += i;
  }

  // Натыйжаны кайтаруу
  postMessage(result);
};