Պատկերների բեռնում ասինխրոն կոլբեքների միջոցով 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);
  }
});