Πώς δημιουργείτε μια ροή Web Worker στη JavaScript…

Η δημιουργία ενός νήματος Web Worker στην JavaScript μπορεί να γίνει χρησιμοποιώντας τον κατασκευαστή Worker.

// Δημιουργούμε έναν νέο Web Worker, περνώντας το μονοπάτι στο αρχείο JS,
// το οποίο θα εκτελείται σε ένα ξεχωριστό νήμα.
const worker = new Worker('worker.js');

Στο αρχείο worker.js (ή σε οποιοδήποτε άλλο που ορίζεται κατά τη δημιουργία του worker) θα εκτελείται ο κώδικας σε ένα ξεχωριστό νήμα.

// worker.js

// Επεξεργασία μηνυμάτων που αποστέλλονται από το κύριο νήμα
self.onmessage = function(event) {
  const receivedData = event.data;
  console.log('Μήνυμα που λαμβάνεται από το κύριο νήμα:', receivedData);

  // Αποστολή μηνύματος πίσω στο κύριο νήμα
  const responseData = { message: 'Γειά από τον Worker!', data: receivedData };
  self.postMessage(responseData);
};

// Προαιρετικά, μπορεί να προστεθεί διαχείριση σφαλμάτων
self.onerror = function(error) {
  console.error('Σφάλμα στον Worker:', error);
};

Στο κύριο νήμα (όπου δημιουργήθηκε ο worker), μπορείτε να αλληλεπιδράσετε με αυτό:

// main.js

const worker = new Worker('worker.js'); 

// Αποστολή μηνύματος στον Web Worker
worker.postMessage({ command: 'start', payload: 'some data' });

// Επεξεργασία μηνυμάτων που λαμβάνονται από τον Web Worker
worker.onmessage = function(event) {
  const receivedData = event.data;
  console.log('Μήνυμα που λαμβάνεται από τον Worker:', receivedData);
};

// Διαχείριση σφαλμάτων στον Web Worker
worker.onerror = function(error) {
  console.error('Σφάλμα στον Worker στον κύριο νήμα:', error);
};

// Τερματισμός του Web Worker (προαιρετικά)
// worker.terminate();

Βασικά σημεία:

Επικοινωνία: Η ανταλλαγή δεδομένων μεταξύ κύριου νήματος και worker γίνεται μέσω μηνυμάτων χρησιμοποιώντας τις μεθόδους postMessage() και τον χειριστή onmessage.
Περιορισμοί: Οι workers δεν έχουν πρόσβαση στο DOM, στο αντικείμενο window και σε άλλα παγκόσμια αντικείμενα του browser. Έχουν περιορισμένη πρόσβαση στα navigator, location, XMLHttpRequest, setTimeout, setInterval, fetch, WebSockets και άλλα.
Απομόνωση: Ο κώδικας στον worker εκτελείται σε ξεχωριστό νήμα, αποτρέποντας το μπλοκάρισμα του κύριου νήματος και βελτιώνοντας την απόδοση, ειδικά κατά την εκτέλεση απαιτητικών υπολογισμών.

Πώς δημιουργείτε μια ροή Web Worker στη JavaScript;