JavaScript? ? ??

Web Worker? ? ???? ????? ????? ????? ??? ? ?? ??? ??? ???? ?? ???? ???? ??? ?? ??? ??? ? ??? ????. ? ??? ? ??????? ?? ???? ?? ?????.

---

? ??? ??????

Web Workers? ?? ???? ??? ????? ???? JavaScript ???????. ?? ?? ??? ?????? ???? ?? ??? ??, ??? ?? ?? ??? ????? ?? ??? ??? ? ????.

---

Web Worker? ?? ??

1. ?????: ?? ???? ??? ??????? ?????.
2. ???? UI: UI ??? ???? ??? ??? ?????.
3. ???: ???? ?? ??? ????? ???? DOM ??? ???? ????.
4. ???? ?? ??: ?? ????? ????? postMessage ? onmessage? ???? ?????.

---

? ?? ??

1. ??????

?? ???? Worker ???? ???? ??? ?????.

// main.js
const worker = new Worker("worker.js");

worker.postMessage("Hello, Worker!"); // Sending a message to the worker

worker.onmessage = (event) => {
  console.log("Message from worker:", event.data);
};

2. ??? ????

???? onmessage ???? ???? ???? ?????.

// worker.js
onmessage = (event) => {
  console.log("Message from main thread:", event.data);
  const result = event.data.toUpperCase(); // Example computation
  postMessage(result); // Sending a message back to the main thread
};

---

?? ?? ? ??

?? ??? ??:

• Worker(postMessage): ????? ???? ????.
• Worker.terminate(): ???? ?? ???????.

??? ??:

• self.postMessage(): ???? ?? ???? ?? ????.

?? ???:

• onmessage: ???? ???? ??????.
• onerror: ???? ??? ?????.

---

?: ??? ?? ??

// main.js
const worker = new Worker("worker.js");

worker.postMessage(1000000); // Sending a number for processing

worker.onmessage = (event) => {
  console.log("Sum calculated by worker:", event.data);
};

worker.onerror = (error) => {
  console.error("Worker error:", error.message);
};

// worker.js
onmessage = (event) => {
  const num = event.data;
  let sum = 0;
  for (let i = 1; i <= num; i++) {
    sum += i;
  }
  postMessage(sum); // Return the result to the main thread
};

---

? ??? ??

1. ???? ??:

   • ?? ????? ?? ?????.
   • ?? ?? ???? ???? ?????.

2. ?? ???:

   • ?? ?????? ??? ? ????.
   • SharedWorker? ???? ???????.

// main.js
const worker = new Worker("worker.js");

worker.postMessage("Hello, Worker!"); // Sending a message to the worker

worker.onmessage = (event) => {
  console.log("Message from worker:", event.data);
};

1. ??? ???:
   • ??? ???? ???? ??? ????? ? ?????.
   • Web Workers? ???? ??? ?? ?? ?? ??

---

? ???? ??

1. DOM ??? ??: ???? DOM? ?? ?? ??? ? ????.
2. ??? API: XMLHttpRequest ?? ????? ?? ?? API? ?????.
3. ??? ??: ???? ???? ???? ??? ??? ?? ???? ?????.
4. ????: ???? ?? ?? ???? ???? ??? ? ????.

---

? ??? ???? ?? ??

• ???? ?? ??(?: ??, ??? ??)
• ??????? ??? ??? ??? ???? ?????.
• ?? ??? ??? ?? ??? ??????.
• SPA(?? ??? ??????)? ???? ?????.

---

Web Worker ?? ?? ??

1. ??? ?? ??: ?? ??? ?? ?? ??? ???? ???? ?????.
2. ??? ?? ??: ???? ??? ??? ???? ???? ????? ?????. ????? ??? ??? ??? ????.
3. ?? ??: ?? onerror ???? ???? ??? ??? ?????.
4. ??? ??: ???? ? ?? ???? ?? ? ???.terminate()? ???? ???? ?????.

---

??

Web Workers? ?? JavaScript ???? ?? ?? ???, ?????? ???? ? ?? ??? ? ??? ??? ??? ?????. ?? ??? ?? ??? ???? ?????? ?? ????? ??? ? ????.

?????. ?? Abhay Singh Kathayat???!
?? ?????? ??? ?? ??? ?? ?? ??? ?? ??? ??????. ?? ????? ?? ???? ??? ???? ??????? ???? ?? ??? ????? ?? ? ?????? ???? ?????.
? ???? ???? kaashshorts28@gmail.com?? ???? ?????.

? ??? JavaScript? ? ??? ?? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!