Вчитување на слики преку асинхрони повици во 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);
  }
});