Nalaganje slik prek asinhronih povratnih klicev v JavaScript

Implementirajmo funkcijo loadImage, ki bo nalagala slike. Naj bo prvi parameter te funkcije pot do slike, drugi pa povratni klic, ki se bo izvedel, ko bo slika naložena:

javascriptloadImage('img.png', function() {
  // izvede se po nalaganju slike
});

Naj v prvi parameter našega povratnega klica pride sklic na DOM element slike, v drugi pa - napaka, če pride do izjeme:

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

Našo funkcijo lahko uporabimo na naslednji način:

javascriptloadImage('image.png', function(image, err) {
  document.body.append(image); // postavimo sliko po nalaganju
});

Ali pa z obravnavo izjemne situacije:

javascriptloadImage('image.png', function(image, err) {
  if (!err) {
    document.body.append(image);
  } else {
    console.log('prišlo je do napake: ' + err);
  }
});