Try / Catch ومعالجة الأخطاء في JavaScript - JavaScript من الصفر إلى الاحتراف

الأخطاء شيء طبيعي في البرمجة. المهم ليس منعها 100%، بل التعامل معها بشكل ذكي حتى لا يتوقف التطبيق أو تظهر رسالة مخيفة للمستخدم.

ما هو الخطأ (Error)؟

الخطأ يحدث عندما يحاول JavaScript تنفيذ أمر غير صحيح.


console.log(x); // x غير معرّف → Error

Try / Catch (الفكرة الأساسية)


try {
  // كود قد يسبب خطأ
  console.log(x);
} catch (error) {
  console.log("حدث خطأ:", error.message);
}

إذا حصل خطأ داخل try، ينتقل التنفيذ إلى catch بدل إيقاف الصفحة.

عرض رسالة لطيفة للمستخدم


try {
  JSON.parse("نص غير صالح");
} catch (e) {
  alert("حصل خطأ غير متوقع، حاول مرة أخرى");
}

finally (كود يُنفّذ دائمًا)


try {
  console.log("محاولة...");
} catch (e) {
  console.log("خطأ");
} finally {
  console.log("هذا ينفذ دائمًا");
}

أخطاء مخصصة (throw)


function checkAge(age) {
  if (age < 18) {
    throw new Error("العمر غير مسموح");
  }
  return "مسموح";
}

try {
  checkAge(15);
} catch (e) {
  console.log(e.message);
}

Try / Catch مع DOM


try {
  let el = document.getElementById("not-exist");
  el.textContent = "نص";
} catch (e) {
  console.log("العنصر غير موجود");
}

أفضل الممارسات

استخدم Try/Catch فقط حول الكود المعرض للخطأ
لا تُخفِ الخطأ بدون تسجيله
اعرض رسالة بسيطة للمستخدم

تمارين

استخدم Try/Catch عند قراءة JSON غير صالح.
أنشئ دالة ترمي خطأ إذا كان الحقل فارغًا.
اعرض رسالة مستخدم بدل رسالة الخطأ التقنية.

ماذا بعد هذا الدرس؟

وصلت إلى نهاية دورة JavaScript للمبتدئين 🎉

في الدرس القادم سيكون ختام الدورة مع مراجعة شاملة، تلخيص المهارات، وربط كل ما تعلمته في مشروع واحد.