Carga de imágenes mediante callbacks asíncronos en JavaScript
Implementemos la función loadImage,
que cargará imágenes. Que el primer
parámetro de esta función reciba la ruta de la imagen,
y el segundo - un callback, que se ejecutará cuando
la imagen esté cargada:
loadImage('img.png', function() {
// se ejecutará cuando la imagen esté cargada
});
Que en el primer parámetro de nuestro callback se reciba la referencia al elemento DOM de la imagen, y en el segundo - el error, si ocurre una situación excepcional:
loadImage('img.png', function(image, err) {
console.log(image, err);
});
Podemos usar nuestra función de la siguiente manera:
loadImage('image.png', function(image, err) {
document.body.append(image); // colocaremos la imagen cuando esté cargada
});
O con manejo de situaciones excepcionales:
loadImage('image.png', function(image, err) {
if (!err) {
document.body.append(image);
} else {
console.log('ocurrió un error: ' + err);
}
});
Implemente la función loadImage. Utilice
para ello el
código para carga de
imágenes que estudió anteriormente.