জাভাস্ক্রিপ্টে আধুনিক মডিউল পরিচিতি

আপনি ইতিমধ্যেই ক্লোজারের মাধ্যমে মডিউল নিয়ে কাজ করেছেন। আধুনিক জাভাস্ক্রিপ্টে আরও সুবিধাজনক মডিউল উপস্থিত হয়েছে, যা প্রতিটি মডিউল আলাদা ফাইলে রাখা এবং তারপর প্রয়োজন অনুযায়ী অন্যান্য ফাইলে সংযোগ করা সম্ভব করে, শুধুমাত্র প্রয়োজনীয় ভেরিয়েবল এবং ফাংশন এক্সপোর্ট করে।

প্রাথমিকভাবে, এই ধরনের মডিউলগুলি জাভাস্ক্রিপ্ট স্ট্যান্ডার্ডে অন্তর্ভুক্ত ছিল না এবং শুধুমাত্র কমিউনিটি দ্বারা উন্নত করা হচ্ছিল। ফলস্বরূপ, অনেকগুলি বিভিন্ন মডুলার সিস্টেম উদ্ভব হয়েছে: AMD, CommonJS, UMD এবং অন্যান্য।

এরপর জাভাস্ক্রিপ্ট স্ট্যান্ডার্ডে তার নিজস্ব মডিউল উপস্থিত হয়েছে। এগুলিকে ES মডিউল বলা হয়। এর কারণে কমিউনিটি দ্বারা উন্নত মডিউলগুলি দ্রুত অপ্রচলিত হয়ে পড়েছে এবং সেগুলি ব্যবহার করা উচিত নয়।

শুধুমাত্র CommonJS মডিউলগুলির দিকে মনোযোগ দেওয়া উচিত, কারণ সেগুলি দিয়েই প্রাথমিকভাবে NodeJS কাজ করত, এবং এখনও সামঞ্জস্যের উদ্দেশ্যে এটি ডিফল্টভাবে সেগুলি নিয়েই কাজ করে।

তাছাড়া, বিভিন্ন লাইব্রেরি সংযোগের নির্দেশাবলীতে আপনি প্রায়শই ES এর বদলে CommonJS সংস্করণের বর্ণনা দেখতে পাবেন। তাই আপনার অবশ্যই জানা উচিত কিভাবে CommonJS কোড ES-এ রূপান্তর করতে হয়।

আরও একটি সূক্ষ্ম বিষয় আছে। যদিও মডিউলগুলি এখন জাভাস্ক্রিপ্ট স্ট্যান্ডার্ডে অন্তর্ভুক্ত হয়েছে, সেগুলি সরাসরি ব্রাউজারে কাজ করবে না (আপাতত)। এর জন্য প্রয়োজন হবে জনপ্রিয় বিল্ড টুলগুলির একটি ব্যবহার করা।