Meydan okuma - Worker mimarisi

Web Workers ve transferable objects ile büyük bir hesabı arka plan dizisinde yaparsın.

Worker ile arka plan hesabı

Bu meydan okumada ağır bir hesabı ana diziden ayrı tutarak Web Worker ile arka plan dizisinde çalıştıracaksın. Önce new Worker('worker.js') ile bir işçi oluşturursun.

Ana diziden veri göndermek için worker.postMessage(data) çağrısı yaparsın; transferable bir nesne gönderdiğinde ikinci argüman olarak [buffer] dizisi verirsin ve arabellek kopyalanmadan aktarılır.

İşçiden gelen mesajı worker.onmessage ile yakalarsın; event.data işçinin gönderdiği sonucu taşır.

Uygulama Worker ile arka plan hesabı

Bir Worker oluştur: new Worker('worker.js'). Sonra worker.onmessage'a bir işleyici ata ve gelen veriyi event.data ile yakala. Son olarak worker.postMessage(data, [buffer]) çağrısı yap: ilk argüman veri, ikincisi transfer edilecek arabellek listesi olsun.

Örnek çözümü göster

1 }, [buffer]); çağrısı ekle.

Örnek çözüm:
const worker = new Worker('worker.js');

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

const buffer = new ArrayBuffer(8);
worker.postMessage({ payload: 1 }, [buffer]);

Kendini test et

postMessage'de transfer listesi ne işe yarar?
```
worker.postMessage(data, [buffer]);
```
- Veriyi sıkıştırır
- Arabelleği kopyalamadan aktarır
- Mesajı geciktirir
- İşçiyi yeniden başlatır
Cevabı göster

Arabelleği kopyalamadan aktarır — Doğru! Transfer listesi arabelleği kopyasız taşır; bu büyük verilerde hem hız hem bellek kazancı sağlar.

onmessage atamasını tamamla

const worker = new Worker('worker.js');
worker.____ = function(event) {
  console.log(event.data);
};

Cevabı göster

const worker = new Worker('worker.js');
worker.onmessage = function(event) {
  console.log(event.data);
};

Worker kavramlarını eşleştir

new Worker(url)

İşçi oluştur
postMessage(data)

Veri gönder
onmessage

Mesaj yakala
event.data

Gelen sonuç

Sıradaki ders: Meydan okuma - Proxy ile doğrulama

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler