Bug 猎人

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

没有空值检查——undefined 用户时崩溃

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