JavaScript Web Workers, web sayfalarının arka planında çalışan bağımsız iş parçacıklarıdır. Bu, ana JavaScript iş parçacığından bağımsız olarak, uzun süreli veya yoğun hesaplama işlemleri gibi işlemleri yapmanıza olanak tanır ve böylece sayfa performansını olumsuz etkilemeden işlem yapabilirsiniz.
JavaScript Web Workers’ı kullanmak için, bir Worker nesnesi oluşturmanız gerekmektedir. Oluşturulan bu nesne, belirtilen dosyadaki JavaScript kodunu çalıştırarak arka planda çalışır.
Aşağıdaki örnek, worker.js adlı bir dosyayı kullanarak Web Worker oluşturur:
// worker.js
// Web Worker'da çalıştırılan kod
onmessage = function(event) {
console.log("Web Worker çalışıyor...");
const result = event.data * 2;
postMessage(result);
}
// main.js
// Web Worker nesnesi oluşturma
const worker = new Worker("worker.js");
// Web Worker ile iletişim kurma
worker.onmessage = function(event) {
console.log(`Web Worker tarafından gönderilen sonuç: ${event.data}`);
};
// Web Worker'a mesaj gönderme
worker.postMessage(5);
Yukarıdaki örnekte, worker.js dosyasında tanımlanan kod, ana iş parçacığından bağımsız olarak çalışacak bir Web Worker’da çalıştırılır. postMessage() yöntemi kullanılarak işlem sonucu ana iş parçacığına gönderilir ve onmessage() yöntemi kullanılarak işlem sonucu yazdırılır.
Web Workers’ların kullanımı, özellikle büyük ve yoğun hesaplama işlemlerinde, performansı artırmak için oldukça yararlıdır. Ancak, Web Workers kullanırken dikkat edilmesi gereken bazı noktalar da vardır. Örneğin, Web Workers arasında doğrudan erişim mümkün değildir ve mesajlaşma yöntemleri kullanarak iletişim sağlanır. Ayrıca, Web Workers işlemi için oluşturulan dosyanın, aynı kök URL’den yüklendiğinden emin olmanız gerekir.