Încărcarea imaginilor prin callback-uri asincrone în JavaScript

Să implementăm funcția loadImage, care va încărca imagini. Fie ca primul parametru al acestei funcții să primească calea către imagine, iar al doilea - un callback, care se va executa când imaginea va fi încărcată:

javascriptloadImage('img.png', function() {
  // se va executa la încărcarea imaginii
});

Fie ca în primul parametru al callback-ului nostru să ajungă referința la elementul DOM al imaginii, iar în al doilea - eroarea, dacă apare o situație excepțională:

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

Putem folosi funcția noastră în modul următor :

javascriptloadImage('image.png', function(image, err) {
  document.body.append(image); // vom plasa imaginea la încărcare
});

Sau cu gestionarea situației excepționale:

javascriptloadImage('image.png', function(image, err) {
  if (!err) {
    document.body.append(image);
  } else {
    console.log('a apărut o eroare: ' + err);
  }
});