Lasting av bilder gjennom asynkrone callbacks i JavaScript

La oss implementere funksjonen loadImage, som skal laste bilder. La den første parameteren ta en sti til bildet, og den andre - en callback, som vil utføres når bildet er lastet:

javascriptloadImage('img.png', function() {
  // vil utføres når bildet er lastet
});

La den første parameteren i callbacken vår få en lenke til DOM-elementet til bildet, og den andre - en feil, hvis det oppstår en unntakssituasjon:

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

Vi kan bruke funksjonen vår som følger:

javascriptloadImage('image.png', function(image, err) {
  document.body.append(image); // plasserer bildet når det er lastet
});

Eller med håndtering av unntakssituasjon:

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