जावास्क्रिप्ट में एसिंक्रोनस कॉलबैक के माध्यम से इमेज लोडिंग

आइए हम एक फ़ंक्शन 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 लागू करें। इसके लिए आपके द्वारा पहले सीखे गए इमेज लोडिंग के कोड का उपयोग करें।