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

Веб-воркерлер — бул JavaScript-кодду браузердин негизги UI агымынан бөлөк фондук агымда иштетүүнүн жолу.

Максаты:

• Ресурсту көп талап кылган эсептөөлөрдү негизги агымды бөгөттөбөстөн жүргүзүү, бул интерфейсдин кармалышынан сактайт.
• Ири маалыматтарды иштетүү же узак мөөнөттүү операцияларды (мисалы, парсинг, кысуу, тармактык суроолор) фондук режимде жүргүзүү.
• Веб-аппликациялардын иштөө жөндөмдүүлүгүн жана жооп кайтаруучулугун жакшыртуу.

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

1. Белгилүү Воркер: өзүн жараткан скриптке байланыштуу.
2. Бөлүштүрүлгөн Воркер: бир нече скрипттер арасында бөлүштүрүлүп, ар башка терезелерде же бир эле домендин вкладкаларында иштейт.
3. Кызмат Воркер: тармактык суроолорду кармайт, кэшти башкарат, офлайн жеткиликтүүлүктү камсыздайт, push билдирүүлөрүн колдойт.

Белгилүү Воркер түзүү жана колдонуу мисалы:

// main.js (негизги агым)
const worker = new Worker('worker.js');

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

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

// worker.js (воркердин коду)
self.onmessage = function(event) {
  console.log('Воркерде алынган:', event.data);

  // Кыйынчылык эсептөөлөрдүн имитациясы
  let result = 0;
  for (let i = 0; i < 1000000000; i++) {
    result += i;
  }

  // Негизги агымга билдирүү жөнөтүү
  self.postMessage('Эсептөөлөр аяктады, натыйжа: ' + result);
};

Чектөөлөр:

• DOMга түздөн-түз жетүү мүмкүн эмес.
• Айрым глобалдык өзгөрмөлөрдү (мисалы, window, document) колдонууга болбойт.
• Байланыш асинхрондук билдирүү алмашуу аркылуу жүргүзүлөт (postMessage жана onmessage/addEventListener('message')).
• Маалыматтар агымдар ортосунда көчүрүлөт (структураланган көчүрүү алгоритми), бирок чоң маалыматтар үчүн Transferable Objects колдонулушу мүмкүн, бул шилтемеге өткөрүп берүү менен (бастапкы агымда жеткиликтүүлүк жоголот).