Web Worker ist eine Web-API, die es Ihnen ermöglicht, langlaufende Skripte ohne Blockieren des Haupt-Threads auszuführen, was normalerweise zu einer “eingefrorenen” Schnittstelle führt.
Im Folgenden sind die allgemeinen Schritte aufgeführt, die benötigt werden, um einen Web Worker zu erstellen und zu verwenden:
1. Erstellen Sie eine separate JavaScript-Datei, die Ihren Worker-Code enthält. Zum Beispiel “worker.js”.
```JavaScript
// worker.js
self.onmessage = function(e) {
let result = e.data0 * e.data1;
if (isNaN(result)) {
postMessage(‘Bitte geben Sie 2 Zahlen ein.’);
} else {
let workerResult = ‘Ergebnis: ‘ + result;
postMessage(workerResult);
}
}
```
2. Erstellen Sie einen neuen Web Worker in Ihrer Hauptanwendung.
```JavaScript
// main.js
let myWorker = new Worker(‘worker.js’);
```
3. Senden Sie Daten zum Worker.
```JavaScript
myWorker.postMessage([10, 10]);
```
4. Hören Sie auf die vom Worker gesendete Nachricht.
```JavaScript
myWorker.onmessage = function(e) {
console.log(e.data);
};
```
5. Vergessen Sie nicht, den Worker zu beenden, wenn er nicht mehr benötigt wird.
```JavaScript
myWorker.terminate();
```
Beachten Sie, dass Web Worker eine eingeschränkte API hat und nicht auf DOM-Methoden und -Eigenschaften zugreifen kann. Darüber hinaus müssen Web Worker aufgrund von Sicherheitsbedenken aus einer sicheren Kontextumgebung arbeiten, was normalerweise bedeutet, dass die Dateien über HTTP oder HTTPS serviert werden müssen.
