Özet - Web Workers

Worker kullanarak büyük bir diziyi arka planda sıralayan bir uygulama yazarsın.

Özet - Web Workers

Bu grupta worker oluşturmayı, mesajlaşmayı, yanıt almayı ve büyük veriyi transfer etmeyi öğrendin. Şimdi hepsini birleştirip arka planda dizi sıralayan bir uygulama yazacağız.

Akış şu: ana dizi büyük bir sayı dizisini worker'a gönderir; worker sıralayıp sonucu geri gönderir; ana dizi onmessage ile yakalar. Büyük veriyi ArrayBuffer ile taşıyarak kopyalama maliyetini de unutuyoruz.

Uygulama Sorter worker'ı başlat ve dizi gönder

'sorter.js' dosyasından worker oluştur. Sonra worker.postMessage ile { numbers: [9, 3, 7] } gönder.

Örnek çözümü göster

const worker = new Worker('sorter.js');
worker.postMessage({ numbers: [9, 3, 7] });

Uygulama Büyük buffer'ı transfer et

buffer adında 1024 baytlık bir ArrayBuffer oluştur. Sonra worker.postMessage(buffer, [buffer]) ile sahipliği devrederek gönder.

Örnek çözümü göster

const buffer = new ArrayBuffer(1024);
worker.postMessage(buffer, [buffer]);

Kendini test et

Sıralama worker'ında akış nedir?
- Worker veriyi çeker, sonra sıralar
- Ana dizi sıralar, worker gösterir
- Ana dizi gönderir, worker sıralayıp geri gönderir
- Worker dosyaya yazar, ana dizi okur
Cevabı göster

Ana dizi gönderir, worker sıralayıp geri gönderir — Doğru! Ana dizi veriyi gönderir, worker sıralayıp sonuç döner.

Sonucu yakala

worker.____ = function(event) {
  console.log(event.data);
};

Cevabı göster

worker.onmessage = function(event) {
  console.log(event.data);
};

Sıradaki ders: XSS nedir?

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler