Учитавање слика преко асинхроних колбекова у JavaScript-у

Хајде да имплементирамо функцију loadImage, која ће учитавати слике. Нека први параметар ове функције прима пут до слике, а други - колбек, који ће се извршити када се слика учита:

javascriptloadImage('img.png', function() {
  // извршиће се након учитавања слике
});

Нека у први параметар нашег колбека доспе референца на DOM елемент слике, а у други - грешка, ако дође до изузетне ситуације:

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

Нашу функцију можемо користити на следећи начин:

javascriptloadImage('image.png', function(image, err) {
  document.body.append(image); // поставићемо слику по учитавању
});

Или са обрадом изузетне ситуације:

javascriptloadImage('image.png', function(image, err) {
  if (!err) {
    document.body.append(image);
  } else {
    console.log('догодила се грешка: ' + err);
  }
});