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:

loadImage('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:

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

Fonksiyonumuzu aşağıdaki şekilde kullanabiliriz:

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

Veya istisnai durum işleme ile:

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

loadImage fonksiyonunu uygulayın. Bunun için daha önce öğrendiğiniz resim yükleme kodunu kullanın.