JavaScriptda asinxron callbacklar orqali rasmlarni yuklash

Keling, rasmlarni yuklaydigan loadImage funksiyasini amalga oshiraylik. Bu funksiya birinchi parametr sifatida rasm manzilini, ikkinchi parametr sifatida esa rasm yuklanganida bajariladigan callbackni qabul qilsin:

loadImage('img.png', function() {
	// rasm yuklanganida bajariladi
});

Callbackimizning birinchi parametriga rasm DOM elementiga havola, ikkinchi parametriga esa - istisno vaziyat yuz berganda xatolik tushsin:

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

Biz funksiyamizdan quyidagicha foydalanishimiz mumkin:

loadImage('image.png', function(image, err) {
	document.body.append(image); // rasm yuklanganida uni joylashtiramiz
});

Yoki istisno vaziyatni qayta ishlash bilan:

loadImage('image.png', function(image, err) {
	if (!err) {
		document.body.append(image);
	} else {
		console.log('xatolik yuz berdi: ' + err);
	}
});

loadImage funksiyasini amalga oshiring. Buning uchun ilgari o‘rgangan rasmlarni yuklash kodingizdan foydalaning.