Загрузка картынак праз асінхронныя коллбэкі ў 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);
  }
});