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:

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

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

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

Biz funksiyamizdan quyidagicha foydalanishimiz mumkin:

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

Yoki istisno vaziyatni qayta ishlash bilan:

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