Indlæsning af billeder via asynkrone callbacks i JavaScript

Lad os implementere funktionen loadImage, som vil indlæse billeder. Lad den første parameter modtage stien til billedet, og den anden - en callback, der udføres, når billedet er indlæst:

javascriptloadImage('img.png', function() {
  // udføres når billedet er indlæst
});

Lad den første parameter i vores callback modtage et link til DOM-elementet for billedet, og den anden - en fejl, hvis der opstår en undtagelsessituation:

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

Vi kan bruge vores funktion på følgende måde:

javascriptloadImage('image.png', function(image, err) {
  document.body.append(image); // placer billedet efter indlæsning
});

Eller med håndtering af undtagelsessituationer:

javascriptloadImage('image.png', function(image, err) {
  if (!err) {
    document.body.append(image);
  } else {
    console.log('der opstod en fejl: ' + err);
  }
});