CodeBlanks Logo Icon CodeBlanks

Worker'dan veri alma

JavaScript kursu · Uzman · Ders 22/63

onmessage ile worker'dan gelen mesajları yakalamayı öğrenirsin.

onmessage ile veri alma

Worker'dan gelen mesajı yakalamak için ana dizi tarafında worker.onmessage özelliğine bir fonksiyon atanır. Worker postMessage çağırdığında bu fonksiyon bir MessageEvent alır.

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

Olay nesnesinin data özelliği, worker'ın gönderdiği yükü (payload) taşır. event.target ise worker örneğine işaret eder. Birden fazla mesaj gelirse fonksiyon her biri için ayrı ayrı çalışır.

onerror ile hata yakalama

Worker'da bir hata oluşursa worker.onerror tetiklenir. Bu dinleyici, hata mesajını, dosya adını ve satır numarasını içeren bir olay alır.

worker.onerror = function(event) {
  console.error(event.message);
};

Hata olayını dinlemek, worker'ın sessizce çökmesini engeller. Yine de en sağlam yol, worker'ı yeniden başlatmak ve hatayı kullanıcıya bildirmektir. Hata kaydı, sorunun kaynağını bulmayı kolaylaştırır.

Uygulama Worker'dan gelen veriyi yazdır

worker.onmessage'a bir fonksiyon ata. Fonksiyon event parametresi alsın ve console.log ile event.data'yı yazdırsın.

Örnek çözümü göster
worker.onmessage = function(event) {
  console.log(event.data);
};

Kendini test et

  1. MessageEvent parçaları

    event.data
    gönderilen yük
    event.target
    worker örneği
    onmessage
    olay dinleyicisi
    postMessage
    ileti gönderir
  2. Veriyi yazdır

    worker.onmessage = function(event) {
      console.log(event.____);
    };
    Cevabı göster
    worker.onmessage = function(event) {
      console.log(event.data);
    };
  3. Worker'dan veri alınırken hangisi kullanılır?

    • worker.send()
    • worker.getData()
    • worker.fetch()
    • worker.onmessage
    Cevabı göster

    worker.onmessage — Doğru! worker.onmessage gelen mesajları yakalar.

Uzman bölümündeki tüm dersler