Зареждане на изображения чрез асинхронни обратни извиквания в JavaScript

Нека реализираме функция loadImage, която ще зарежда изображения. Нека първият параметър на тази функция приема път до изображението, а вторият - обратно извикване, което ще се изпълни, когато изображението бъде заредено:

javascriptloadImage('img.png', function() {
  // ще се изпълни при зареждане на изображението
});

Нека в първия параметър на нашето обратно извикване се подава връзка към DOM елемента на изображението, а във втория - грешка, ако възникне изключителна ситуация:

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

Можем да използваме нашата функция по следния начин:

javascriptloadImage('image.png', function(image, err) {
  document.body.append(image); // ще позиционираме изображението при зареждане
});

Или с обработка на изключителна ситуация:

javascriptloadImage('image.png', function(image, err) {
  if (!err) {
    document.body.append(image);
  } else {
    console.log('възникна грешка: ' + err);
  }
});