Ngarkimi i imazheve përmes callback-eve asinkron në JavaScript

Le të implementojmë funksionin loadImage, i cili do të ngarkojë imazhe. Le të pranojë si parametër të parë këtë funksion shtegun drejt imazhit, ndërsa si të dytën - një callback, i cili do të ekzekutohet kur imazhi të jetë ngarkuar:

javascriptloadImage('img.png', function() {
  // do të ekzekutohet pas ngarkimit të imazhit
});

Le të kalojë në parametrin e parë të callback-it tonë linku te elementi DOM i imazhit, dhe në të dytin - gabimi, nëse ndodh një situatë e jashtëzakonshme:

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

Ne mund ta përdorim funksionin tonë në mënyrën vijuese :

javascriptloadImage('image.png', function(image, err) {
  document.body.append(image); // do ta vendosim imazhin pas ngarkimit
});

Ose me përpunimin e situatës së jashtëzakonshme:

javascriptloadImage('image.png', function(image, err) {
  if (!err) {
    document.body.append(image);
  } else {
    console.log('ndodhi një gabim: ' + err);
  }
});