JavaScript-те циклінде суреттерді асинхронды жүктеу

Суреттерге жолдар массивінде сақталсын:

let arr = ['img1.png', 'img2.png', 'img3.png'];

Біз бұл суреттерді циклде жүктей аламыз:

for (let path of arr) {
	loadImage(path, function(image, err) {
		document.body.append(image);
	});
}

Код әдемі және callback hell-сіз шықты, бірақ біз екі проблемаларымызға оралдық: суреттердің реті кепілденбейді және барлық суреттердің жүктелу сәтін ұстап алу мүмкін емес.

Бұл жағдайда шешім жоқ: циклді іске қосып, оның ішінде асинхронды функцияны қолданып, содан кейін циклдің барлық функциялары аяқталу сәтін ұстап алу мүмкін емес. Немесе сізге бұл сәтті ұстап алудың қажеті жоқ және жоғарыдағы код сізге сәйкес келеді немесе callback hell-ге қош келдіңіз.

Бірақ, ренжімеу керек - проблеманың шешімі промисстер арқылы мүмкін, біз оларды келесі сабақтарда оқимыз.