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);
  }
});