Carga de imágenes mediante callbacks asíncronos en JavaScript

Implementemos la función loadImage, que cargará imágenes. Que el primer parámetro de esta función reciba la ruta de la imagen, y el segundo - un callback, que se ejecutará cuando la imagen esté cargada:

javascriptloadImage('img.png', function() {
  // se ejecutará cuando la imagen esté cargada
});

Que en el primer parámetro de nuestro callback se reciba la referencia al elemento DOM de la imagen, y en el segundo - el error, si ocurre una situación excepcional:

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

Podemos usar nuestra función de la siguiente manera:

javascriptloadImage('image.png', function(image, err) {
  document.body.append(image); // colocaremos la imagen cuando esté cargada
});

O con manejo de situaciones excepcionales:

javascriptloadImage('image.png', function(image, err) {
  if (!err) {
    document.body.append(image);
  } else {
    console.log('ocurrió un error: ' + err);
  }
});