JavaScriptда асинхрон коллбэклар орқали расмларни юклаш

Келтинг, loadImage функциясини амалга оширамиз, бу расмларни юклайдиган функция бўлсин. Биринчи параметр сифатида ушбу функция расмга йўлни олсин, икинчисида эса - расм юкланганда ижро этиладиган коллбэк бўлсин:

loadImage('img.png', function() {
	// расм юкланганда ижро этилади
});

Коллбэкимизнинг биринчи параметрига расм DOM элементига ҳавола тушсин, икинчисига эса - истесно вазият юз берса, хатолик тушсин:

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

Биз функциямизни қуйидаги тарзда ишлата оламиз:

loadImage('image.png', function(image, err) {
	document.body.append(image); // расмни юкланганда жойлаштирамиз
});

Ёки истесно вазиятни ишлов бериш билан:

loadImage('image.png', function(image, err) {
	if (!err) {
		document.body.append(image);
	} else {
		console.log('хатолик юз берди: ' + err);
	}
});

loadImage функциясини амалга оширинг. Унга сиз илгари ўрганган расмларни юклаш учун коддан фойдаланинг.