চাকরির প্রস্তুতিজাভাস্ক্রিপ্ট
জাভাস্ক্রিপ্ট ইন্টারভিউ প্রশ্ন ও উত্তর
var/let/const, ক্লোজার, প্রোটোটাইপ, অ্যাসিঙ্ক ও DOM — ফ্রন্ট-এন্ড পদের জন্য যা জানা লাগবেই।
ফ্রন্ট-এন্ডের ইন্টারভিউতে জাভাস্ক্রিপ্টের প্রশ্ন সবচেয়ে গভীরে যায়। বিশেষ করে তিনটি জায়গায়: স্কোপ, this, আর অ্যাসিঙ্ক।
এই তিনটি ঠিকমতো বুঝে গেলে বাকিটা তুলনামূলক সহজ। নিচের প্রশ্নগুলো সেভাবেই সাজানো, সঙ্গে DOM আর ইভেন্ট হ্যান্ডলিং।
প্রশ্নগুলো
JavaScript-এ ভেরিয়েবল ডিক্লেয়ারেশনের জন্য var, let, এবং const এর মধ্যে পার্থক্য কী?
উত্তরে যা রাখবেনস্কোপিং, রিডিক্লেয়ারেশন, এবং হোস্টিং এর মধ্যে পার্থক্য নিয়ে আলোচনা।
JavaScript-এ ক্লোজার (Closure) কী এবং এটি কীভাবে কাজ করে?
উত্তরে যা রাখবেনফাংশনের মধ্যে অন্য ফাংশন এবং এর বাইরের স্কোপের অ্যাক্সেস সম্পর্কে ব্যাখ্যা।
JavaScript-এ অ্যারো ফাংশন (Arrow Functions) এবং সাধারণ ফাংশনের মধ্যে পার্থক্য কী?
উত্তরে যা রাখবেনthis কিওয়ার্ডের আচরণ, arguments অবজেক্ট, এবং সিনট্যাক্স নিয়ে আলোচনা।
JavaScript-এ প্রোটোটাইপ (Prototype) কী এবং এটি কীভাবে ব্যবহার করা হয়?
উত্তরে যা রাখবেনপ্রোটোটাইপ চেইন, প্রোটোটাইপ ইনহেরিটেন্স এবং এর প্রয়োগ সম্পর্কে আলোচনা।
JavaScript-এ আসিঙ্ক্রোনাস প্রোগ্রামিং কী এবং এটির কী কী পদ্ধতি আছে?
উত্তরে যা রাখবেনকলব্যাকস (Callbacks), প্রমিসেস (Promises), এবং অ্যাসিঙ্ক/এওয়েট (async/await) এর প্রয়োগ।
JavaScript-এ DOM ম্যানিপুলেশন কী এবং এটি কীভাবে করা হয়?
উত্তরে যা রাখবেনডকুমেন্ট অবজেক্ট মডেল (DOM) ম্যানিপুলেশন পদ্ধতি যেমন getElementById, querySelector, addEventListener ইত্যাদি সম্পর্কে আলোচনা।
JavaScript-এ ইভেন্ট বাবলিং (Event Bubbling) এবং ইভেন্ট ক্যাপচারিং (Event Capturing) কী?
উত্তরে যা রাখবেনইভেন্ট প্রসেসিং মডেলের বিভিন্ন স্তর এবং ইভেন্ট স্টপ করার পদ্ধতি (stopPropagation, preventDefault ইত্যাদি)।
JavaScript-এ কীভাবে ডিপ এবং শ্যালো কপি (Deep vs. Shallow Copy) করা হয়?
উত্তরে যা রাখবেনডিপ কপি এবং শ্যালো কপির মধ্যে পার্থক্য, এবং এই কপিগুলি তৈরির বিভিন্ন পদ্ধতি।
JavaScript-এ this কীওয়ার্ড কী এবং এটি কীভাবে কাজ করে?
উত্তরে যা রাখবেনthis কিওয়ার্ডের স্কোপিং এবং কনটেক্সট ভিত্তিক আচরণ, এবং এর সাথে call, apply, এবং bind মেথডগুলি।
JavaScript-এ কনস্ট্রাক্টর ফাংশন কী এবং ক্লাস (Class) এর সাথে এর সম্পর্ক কী?
উত্তরে যা রাখবেনES5 এবং ES6 ক্লাস সিনট্যাক্সের মধ্যে পার্থক্য, কনস্ট্রাক্টর ফাংশন এবং ক্লাসের ভূমিকা।
এইচওইফ (Higher-Order Functions) কী এবং একটি উদাহরণ দিন। (Key to HOEF (Higher-Order Functions) and give an example.)
উত্তরে যা রাখবেনহায়ার-অর্ডার ফাংশন হলো এমন ফাংশন যা অন্য একটি ফাংশনকে আর্গুমেন্ট হিসেবে নেয়, অথবা একটি ফাংশন রিটার্ন করে — কিংবা দুটোই। জাভাস্ক্রিপ্টে ফাংশন সাধারণ মানের মতো, তাই এটি সম্ভব। সবচেয়ে পরিচিত উদাহরণ map, filter আর reduce: [1,2,3].map(n => n * 2) এখানে map একটি হায়ার-অর্ডার ফাংশন, কারণ এটি n => n * 2 ফাংশনটিকে আর্গুমেন্ট হিসেবে নিচ্ছে।
এই রাউন্ডের জন্য পরামর্শ
- ক্লোজার আর this — এই দুটোয় সবচেয়ে বেশি প্রার্থী আটকায়। খাতায় উদাহরণ লিখে অনুশীলন করুন।
- অ্যাসিঙ্কের প্রশ্নে ক্রম মেনে বলুন: কলব্যাক, তারপর প্রমিস, তারপর async/await। এতে বোঝা যায় আপনি ইতিহাসটাও জানেন।
- var কেন আর ব্যবহার করা হয় না — এই প্রশ্নের উত্তর তৈরি রাখুন।