Skip to main content

۸. مدیریت خطاها و دیباگینگ 🐞

در این فایل، به بررسی تکنیک‌های مدیریت خطاها و دیباگینگ در جاوا اسکریپت می‌پردازیم. این راهنما شامل استفاده از دستورات try, catch و finally، ایجاد خطاهای سفارشی و تکنیک‌های بررسی و رفع اشکال کد می‌باشد. 😎


۱.مدیریت خطا 🚨

استفاده از try, catch و finally 🔧

این ساختار به شما اجازه می‌دهد تا بلوک‌های کدی را که ممکن است خطا ایجاد کنند، مدیریت کنید. در صورت وقوع خطا، اجرای کد به بخش catch منتقل می‌شود و در نهایت، کد موجود در finally اجرا می‌شود، حتی اگر خطا رخ داده باشد.

try {
// کدهایی که ممکن است خطا ایجاد کنند
let result = riskyOperation();
console.log("نتیجه:", result);
} catch (error) {
// مدیریت خطا
console.error("خطایی رخ داده است:", error.message);
} finally {
// کدی که در هر صورت اجرا می‌شود
console.log("عملیات پایان یافت.");
}

ایجاد و انداخت خطاهای سفارشی ⚠️

شما می‌توانید خطاهای سفارشی ایجاد کنید تا پیام‌های خطای معنی‌دارتری به کاربر ارائه دهید.

function validateAge(age) {
if (age < 18) {
throw new Error("سن وارد شده کمتر از ۱۸ سال است. دسترسی مجاز نیست!");
}
return true;
}

try {
validateAge(15);
} catch (error) {
console.error("خطا:", error.message);
}

۲.روش‌های دیباگینگ 🔍

استفاده از کنسول مرورگر 🖥️

کنسول مرورگر ابزاری قدرتمند برای مشاهده لاگ‌ها، خطاها و پیغام‌های دلخواه شماست. می‌توانید از دستورات زیر برای بررسی عملکرد کد استفاده کنید:

  • console.log() برای نمایش پیام‌های ساده
  • console.error() برای نمایش خطاها
  • console.warn() برای نمایش هشدارها
  • console.table() برای نمایش آرایه‌ها و اشیاء به صورت جدولی
console.log("این یک پیام اطلاعاتی است.");
console.error("این یک پیام خطا است.");
console.warn("این یک هشدار است.");

let users = [
{ name: "Ali", age: 25 },
{ name: "Sara", age: 30 }
];
console.table(users);

تکنیک‌های بررسی و رفع اشکال کد 🛠️

  • استفاده از Breakpoints: در ابزارهای توسعه‌دهنده مرورگر، می‌توانید نقاط توقف (Breakpoints) تنظیم کنید تا اجرای کد را مرحله به مرحله بررسی کنید.
  • بررسی Call Stack: با مشاهده Call Stack می‌توانید متوجه شوید که کدام توابع فراخوانی شده‌اند و خطا در کدام بخش از کد رخ داده است.
  • استفاده از debugger: افزودن کلمه کلیدی debugger در جایی از کد باعث توقف اجرای کد و ورود به حالت دیباگینگ می‌شود.
function calculate(num) {
debugger; // اجرای کد در این خط متوقف می‌شود
return num * 2;
}
console.log(calculate(5));
  • نوشتن تست‌های واحد (Unit Tests): تست‌های خودکار می‌توانند به شما در شناسایی زودهنگام خطاها کمک کنند و از بروز مشکلات بعدی جلوگیری نمایند.

۳.نتیجه‌گیری 🎯

مدیریت خطاها و دیباگینگ بخش مهمی از فرآیند توسعه نرم‌افزار است. با استفاده از ابزارها و تکنیک‌های مطرح شده، می‌توانید کدهای خود را بهبود ببخشید و خطاها را به سرعت شناسایی و رفع کنید. موفق باشید و از کدنویسی لذت ببرید! 😁

با آرزوی موفقیت
تیم برندآرا 🤖