صائد الأخطاء

function getUserName(user) {
  // Crashes if user is null/undefined
  return user.profile.name.toUpperCase()
}

لا توجد فحوصات للقيم الفارغة — ينهار عند مستخدم غير معرف

function getUserName(user) {
  return user?.profile?.name?.toUpperCase() ?? 'Unknown'
}

استخدم التسلسل الاختياري مع قيمة بديلة

async function loadData() {
  setLoading(true)
  const data = await fetchData()
  // Component might be unmounted!
  setData(data)
  setLoading(false)
}

تحديث الحالة بعد إلغاء التحميل يسبب تسرب الذاكرة

async function loadData() {
  let cancelled = false
  setLoading(true)
  const data = await fetchData()
  if (!cancelled) {
    setData(data)
    setLoading(false)
  }
  return () => { cancelled = true }
}

تتبع حالة التحميل مع التنظيف

// Process all items except last
for (let i = 0; i < items.length - 1; i++) {
  process(items[i])
}
// Bug: skips last item unintentionally

خطأ الفرق بواحد: يتخطى العنصر الأخير

// Process all items
for (let i = 0; i < items.length; i++) {
  process(items[i])
}
// Or use forEach for clarity
items.forEach(item => process(item))

استخدم الحد الصحيح أو forEach