JavaScript-də dövrdə asinxron şəkillərin yüklənməsi
Şəkillərin yolları massivdə saxlanılır:
let arr = ['img1.png', 'img2.png', 'img3.png'];
Biz bu şəkilləri dövrədə yükləyə bilərik:
for (let path of arr) {
loadImage(path, function(image, err) {
document.body.append(image);
});
}
Kod gözəl və callback hell olmadan hazırlandı, lakin, biz iki problemimizə qayıtdıq: şəkillərin sırası zəmanət verilmir və bütün şəkillərin yüklənmə anını tutmaq mümkün deyil.
Və bu vəziyyətdə həll yolu yoxdur: dövrü işə salmaq, onun daxilində asinxron funksiyadan istifadə etmək, və sonra bütün dövr funksiyalarının bitmə anını tutmaq mümkün deyil. Ya sizə bu anı tutmaq lazım deyil və yuxarıdakı kod sizə uyğundur, ya da xoş gəlmisiniz callback hell-ə.
Lakin, kədərlənməyə dəyməz - problemi həll etmək növbəti dərslərdə öyrənəcəyimiz promiselər vasitəsilə mümkündür.