Ի՞նչ են վեբ աշխատողները և ինչու են դրանք անհրաժեշտ:

Վեբ-վերլուծիչները՝ դա ֆոնային հոսքերում սցենարների կատարելու միջոց է, որոնք առանձին են հիմնական 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);
};