Debug Kod yang Dijana AI

Halaman keputusan kelas dalam editor "dijana" daripada prompt yang jelas. Lihat pratonton: jadual kosong, NaN sebagai purata, tiada apa untuk pelajar terbaik — dan satu baris dalam console. Empat bug berbeza bersembunyi di sini, dan hanya satu yang menghasilkan mesej error.

Kitaran debug yang berkesan

1. Hasilkan semula — lihat bug itu sendiri, setiap kali. Catat input yang tepat.
2. Baca — jenis, mesej dan lokasi error. Baca error pertama dahulu; yang seterusnya selalunya kesan sampingan.
3. Buat hipotesis — satu tekaan yang spesifik: "best undefined kerana students masih kosong bila render berjalan".
4. Uji tekaan — satu console.log sebelum baris yang gagal membuktikan atau menolaknya dalam beberapa saat.
5. Baiki satu perkara, jalankan semula. Mengubah lima perkara serentak tidak memberitahu yang mana satu penting.

Render failed: TypeError: Cannot read properties of undefined (reading 'name')

Empat corak untuk dikenali

for (let i = 0; i <= scores.length; i++)  // one step too far
if (score > 80) return "A";               // 80 should be an A
scores.sort();                            // sorts as text: 100 < 49

for (let i = 0; i < scores.length; i++)
if (score >= 80) return "A";
Math.max(...scores);                      // numeric, doesn't reorder

let students = [];
fetch("students.json")
  .then((r) => r.json())
  .then((data) => { students = data; });
render(students); // runs NOW, data arrives LATER

async function loadAndRender() {
  const response = await fetch("students.json");
  const students = await response.json();
  render(students);
}
loadAndRender();