Загрузка картинок через асинхронные коллбэки в 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);
  }
});