Nalaganje slik prek asinhronih povratnih klicev v JavaScript
Implementirajmo funkcijo loadImage,
ki bo nalagala slike. Naj bo prvi
parameter te funkcije pot do slike,
drugi pa povratni klic, ki se bo izvedel, ko
bo slika naložena:
loadImage('img.png', function() {
// izvede se po nalaganju slike
});
Naj v prvi parameter našega povratnega klica pride sklic na DOM element slike, v drugi pa - napaka, če pride do izjeme:
loadImage('img.png', function(image, err) {
console.log(image, err);
});
Našo funkcijo lahko uporabimo na naslednji način:
loadImage('image.png', function(image, err) {
document.body.append(image); // postavimo sliko po nalaganju
});
Ali pa z obravnavo izjemne situacije:
loadImage('image.png', function(image, err) {
if (!err) {
document.body.append(image);
} else {
console.log('prišlo je do napake: ' + err);
}
});
Implementirajte funkcijo loadImage. Uporabite
za to prej preučeno
kodo za nalaganje
slik.