Keskitaso🔧 Refaktorointi

TypeScript-tyyppien lisääminen

Lisää TypeScript-tyypit JavaScript-koodiin.

Prompti

Lisää TypeScript-tyypit seuraavaan JavaScript-koodiin.

Koodi:
[KOODI]

Vaatimukset:
- Tarkat tyypit (ei any)
- Interface vs type sopivasti
- Genericit tarvittaessa
- JSDoc-kommentit tyypeille

Selitä tyyppivalinnat.

Suomenkieliset vinkit

  • Voit sekoittaa suomea ja englantia — teknisiä termejä ei tarvitse kääntää
  • Suomenkielinen virheenselitys auttaa ymmärtämään ongelman nopeammin
  • Lisää 'vastaa suomeksi' promptin loppuun jos AI vastaa englanniksi

Muuttujat

Korvaa nämä hakasulkeissa olevat muuttujat omilla tiedoillasi:

  • [KOODI]

Esimerkki

Täytetty prompti

Lisää TypeScript-tyypit seuraavaan JavaScript-koodiin.

Koodi:
function processOrder(order) {
  const items = order.items.map(item => ({
    name: item.name,
    total: item.price * item.quantity
  }));

  const subtotal = items.reduce((sum, item) => sum + item.total, 0);
  const tax = subtotal * 0.24;

  return {
    items,
    subtotal,
    tax,
    total: subtotal + tax,
    status: 'pending'
  };
}

Vaatimukset:
- Tarkat tyypit (ei any)
- Interface vs type sopivasti
- Genericit tarvittaessa
- JSDoc-kommentit tyypeille

Selitä tyyppivalinnat.

Tulos

Tyypitetty koodi selityksineen.

Vinkit

  • Näytä koko funktio/komponentti
  • Mainitse datan rakenne jos tiedossa
  • Pyydä selitykset valinnoille

Milloin käyttää

  • Muunnat JS:n TS:ksi
  • Parannat tyyppiturvallisuutta
  • Dokumentoit rajapintoja

Lisää prompteja

Selaa kaikkia refaktorointi prompteja tai tutustu muihin kategorioihin.