Aloittelija🐛 Debuggaus

Console.log-debuggaus

Lisää strategisia console.log-lauseita debuggausta varten.

Prompti

Lisää console.log-lauseet seuraavaan koodiin debuggausta varten.

Koodi:
[KOODI]

Ongelma: [ONGELMAN_KUVAUS]

Haluaisin nähdä:
- [MITÄ_HALUAT_NÄHDÄ]

Lisää selkeät ja informatiiviset logit jotka auttavat löytämään ongelman.

Suomenkieliset vinkit

  • Teknisten termien suomennokset auttavat ymmärtämään konsepteja paremmin
  • Claude ymmärtää suomea erityisen hyvin muihin malleihin verrattuna
  • Lisää 'vastaa suomeksi' promptin loppuun jos AI vastaa englanniksi

Muuttujat

Korvaa nämä hakasulkeissa olevat muuttujat omilla tiedoillasi:

  • [KOODI]
  • [ONGELMAN_KUVAUS]
  • [MITÄ_HALUAT_NÄHDÄ]

Esimerkki

Täytetty prompti

Lisää console.log-lauseet seuraavaan koodiin debuggausta varten.

Koodi:
async function fetchUserData(userId) {
  const response = await fetch(`/api/users/${userId}`)
  const data = await response.json()
  return processUserData(data)
}

Ongelma: Funktio palauttaa tyhjän objektin

Haluaisin nähdä:
- API-vastauksen sisällön
- Prosessoinnin välivaiheet
- Mahdolliset virheet

Lisää selkeät ja informatiiviset logit jotka auttavat löytämään ongelman.

Tulos

Koodi strategisilla console.log-lauseilla.

Vinkit

  • Kuvaile ongelma selkeästi
  • Mainitse mitä haluat nähdä
  • Pyydä myös error-logit

Milloin käyttää

  • Et tiedä missä ongelma on
  • Haluat seurata datan kulkua
  • Debuggaat async-koodia

Lisää prompteja

Selaa kaikkia debuggaus prompteja tai tutustu muihin kategorioihin.