Načítanie obrázkov pomocou asynchrónnych callbackov v JavaScripte

Implementujme funkciu loadImage, ktorá bude načítavať obrázky. Nech prvým parametrom táto funkcia prijíma cestu k obrázku, a druhým - callback, ktorý sa vykoná, keď obrázok bude načítaný:

javascriptloadImage('img.png', function() {
  // vykoná sa po načítaní obrázku
});

Nech do prvého parametra nášho callbacku sa dostane odkaz na DOM element obrázku, a do druhého - chyba, ak nastane výnimková situácia:

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

Môžeme použiť našu funkciu nasledujúcim spôsobom:

javascriptloadImage('image.png', function(image, err) {
  document.body.append(image); // umiestnime obrázok po načítaní
});

Alebo so spracovaním výnimkovej situácie:

javascriptloadImage('image.png', function(image, err) {
  if (!err) {
    document.body.append(image);
  } else {
    console.log('nastala chyba: ' + err);
  }
});