(আত্মবিশ্বাসের সাথে আপনার জাভাস্ক্রিপ্ট কোডের সমস্যা চিহ্নিত করা, পরীক্ষা করা এবং সমাধান করা)
ডিবাগিং হলো আপনার কোডে ত্রুটি (bug) খুঁজে বের করে সমাধান করার প্রক্রিয়া। কী ভুল হচ্ছে এবং কেন হচ্ছে তা বুঝতে জাভাস্ক্রিপ্ট বেশ কিছু টুল ও টেকনিক দেয়।
ডিবাগ করার সবচেয়ে সহজ ও সাধারণ উপায়:
const total = calculateTotal(100, 5);
console.log("Total:", total);console.table() ব্যবহার করুন।console.warn("This is a warning");
console.error("This is an error");
console.info("Some information");
console.table([{name: "Alice", age: 25}, {name: "Bob", age: 30}]);বেশিরভাগ ব্রাউজারে (Chrome, Firefox, Edge) বিল্ট-ইন DevTools থাকে।
এগুলো করতে Sources ট্যাব ব্যবহার করুন:
আপনি পারবেন:
একটি ব্রেকপয়েন্ট ট্রিগার করতে আপনার কোডে debugger স্টেটমেন্ট যোগ করুন:
function calculate(a, b) {
debugger; // এখানে এক্সিকিউশন পজ হয়
return a + b;
}DevTools খুলুন এবং পেজ রিলোড করুন — আপনার কোড এই লাইনে পজ হয়ে যাবে।
রানটাইম এরর সুন্দরভাবে হ্যান্ডেল ও পরীক্ষা করতে try...catch ব্যবহার করুন:
try {
riskyFunction();
} catch (error) {
console.error("Error caught:", error.message);
}সবসময় চলে এমন ক্লিনআপ কোডের জন্য ঐচ্ছিক finally যোগ করুন:
finally {
console.log("Cleaning up...");
}একটি এরর হলে, জাভাস্ক্রিপ্ট একটি স্ট্যাক ট্রেস দেখায়:
TypeError: Cannot read properties of undefined
at doSomething (app.js:12)
at main (app.js:20)এটি আপনাকে জানায়:
বাগের উৎসে ফিরে যেতে এটি ব্যবহার করুন।
ব্রাউজার DevTools-এ:
যদি আপনি সার্ভার থেকে ডেটা আনছেন:
console.log() এবং DevTools ব্যবহার করুন।debugger এবং ব্রেকপয়েন্ট আপনাকে কোড পজ করে ধাপে ধাপে চলতে দেয়।console.log() ব্যবহার করুন।debugger যোগ করুন এবং পজ করে পরীক্ষা করতে Chrome DevTools ব্যবহার করুন।try...catch দিয়ে সেটি হ্যান্ডেল করুন।fetch() রিকোয়েস্ট করুন এবং Network ট্যাবের মাধ্যমে সেটি পরীক্ষা করুন।console.table() ব্যবহার করুন।