JavaScript-də asinxron callbacklər vasitəsilə şəkillərin yüklənməsi

Gəlin loadImage funksiyasını realizasiya edək, hansı ki, şəkilləri yükləyəcək. Bu funksiya birinci parametr kimi şəklin yolunu, ikinci parametr kimi isə callback qəbul etsin, hansı ki, şəkil yüklənəndə icra olunacaq:

loadImage('img.png', function() {
	// şəkil yüklənəndə icra olunacaq
});

Callback-in birinci parametrinə şəklin DOM elementinə istinad, ikinci parametrinə isə istisnai vəziyyət baş verərsə, xəta düşsün:

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

Biz funksiyamızı aşağıdakı kimi istifadə edə bilərik:

loadImage('image.png', function(image, err) {
	document.body.append(image); // şəkli yüklənəndə yerləşdirək
});

Və ya istisnai vəziyyətin emalı ilə:

loadImage('image.png', function(image, err) {
	if (!err) {
		document.body.append(image);
	} else {
		console.log('xəta baş verdi: ' + err);
	}
});

loadImage funksiyasını realizasiya edin. Bunun üçün sizin əvvəllər öyrəndiyiniz şəkillərin yüklənməsi üçün kod-dan istifadə edin.