JavaScript'te Asenkron Geri Çağrılar ile Resim Yükleme

Bir resim yükleyecek olan loadImage fonksiyonunu uygulayalım. Bu fonksiyonun ilk parametresinin resmin yolunu, ikinci parametresinin ise resim yüklendiğinde çalıştırılacak bir geri çağrı olduğunu varsayalım:

javascriptloadImage('img.png', function() {
  // resim yüklendiğinde çalışacak
});

Geri çağrımızın ilk parametresine resmin DOM elementine bir referansın, ikinci parametresine ise bir istisnai durum oluşursa hatanın geldiğini varsayalım:

javascriptloadImage('img.png', function(image, err) {
  console.log(image, err);
});

Fonksiyonumuzu aşağıdaki şekilde kullanabiliriz:

javascriptloadImage('image.png', function(image, err) {
  document.body.append(image); // resmi yüklendiğinde yerleştir
});

Veya istisnai durum işleme ile:

javascriptloadImage('image.png', function(image, err) {
  if (!err) {
    document.body.append(image);
  } else {
    console.log('bir hata oluştu: ' + err);
  }
});