Vaizdų įkėlimas naudojant asinchroninius atgalinio ryšio iškvietimus JavaScript

Įgyvendinkime funkciją loadImage, kuri įkels vaizdus. Tegul pirmasis šios funkcijos parametras yra kelias iki vaizdo, o antrasis - atgalinio ryšio iškvietimas (callback), kuris bus vykdomas, kai vaizdas bus įkeltas:

javascriptloadImage('img.png', function() {
  // bus vykdomas, kai vaizdas įkeltas
});

Tegul į pirmąjį mūsų atgalinio ryšio iškvietimo parametrą pateikiama nuoroda į DOM vaizdo elementą, o į antrąjį - klaida, jei įvyks išimtinė situacija:

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

Mes galime naudoti mūsų funkciją taip:

javascriptloadImage('image.png', function(image, err) {
  document.body.append(image); // patalpinsime vaizdą, kai jis bus įkeltas
});

Arba su išimtinės situacijos apdorojimu:

javascriptloadImage('image.png', function(image, err) {
  if (!err) {
    document.body.append(image);
  } else {
    console.log('įvyko klaida: ' + err);
  }
});