Učitavanje slika preko asinhronih kolbekova u JavaScript-u

Hajde da implementiramo funkciju loadImage, koja će učitavati slike. Neka prvi parametar ove funkcije prima putanju do slike, a drugi - kolbek koji će se izvršiti kada slika bude učitana:

javascriptloadImage('img.png', function() {
  // izvršiće se po učitavanju slike
});

Neka u prvi parametar našeg kolbeka stigne referenca na DOM element slike, a u drugi - greška, ako se desi izuzetna situacija:

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

Možemo da koristimo našu funkciju na sledeći način:

javascriptloadImage('image.png', function(image, err) {
  document.body.append(image); // postavićemo sliku po učitavanju
});

Ili sa obradom izuzetne situacije:

javascriptloadImage('image.png', function(image, err) {
  if (!err) {
    document.body.append(image);
  } else {
    console.log('desila se greška: ' + err);
  }
});