JavaScript-এ ইভেন্ট মডেলের অ্যাসিনক্রোনিটি

আপনি জানেন যে addEventListener পদ্ধতি ব্যবহার করে পৃষ্ঠার উপাদানগুলিতে ঘটতে থাকা বিভিন্ন ইভেন্টের উপর সাবস্ক্রাইব করা যায়। উদাহরণস্বরূপ, আসুন একটি নির্দিষ্ট উপাদানে ক্লিকের জন্য সাবস্ক্রাইব করি, যার লিঙ্কটি elem ভেরিয়েবলে সংরক্ষিত আছে:

elem.addEventListener('click', function() {
	console.log('1');
});

console.log('2');

উপরের কোডে, প্রথমে দ্বিতীয় কনসোল লগটি নির্বাহ করা হবে। কিন্তু প্রথমটি কখন নির্বাহ হবে? কখনো: এই কোডের নির্বাহ ঘটনা ঘটার জন্য অপেক্ষা করে - এলিমেন্টে ক্লিক করা। যত তাড়াতাড়ি এটি ঘটবে, তত তাড়াতাড়ি আমাদের কোড নির্বাহ হবে।

বলুন, কোন ক্রমে সংখ্যাগুলি কনসোলে প্রদর্শিত হবে:

elem1.addEventListener('click', function() {
	console.log('1');
});
elem2.addEventListener('click', function() {
	console.log('2');
});