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