Laai prente via asinchrone terugbelings in JavaScript

Kom ons implementeer die funksie loadImage, wat prente sal laai. Laat die eerste parameter van hierdie funksie die pad na die prent wees, en die tweede - 'n terugroepfunksie, wat sal uitvoer wanneer die prent gelaai is:

loadImage('img.png', function() {
	// sal uitvoer met die laai van die prent
});

Laat die eerste parameter van ons terugroepfunksie 'n skakel na die DOM-element van die prent wees, en die tweede - 'n fout, as 'n uitsonderlike situasie plaasvind:

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

Ons kan ons funksie soos volg gebruik:

loadImage('image.png', function(image, err) {
	document.body.append(image); // sal die prent plaas na laai
});

Of met die hantering van 'n uitsonderlike situasie:

loadImage('image.png', function(image, err) {
	if (!err) {
		document.body.append(image);
	} else {
		console.log('daar het 'n fout plaasgevind: ' + err);
	}
});

Implementeer die funksie loadImage. Gebruik hiervoor die kode wat u vroeër bestudeer het vir die laai van prente.