Siisti ja selkeytä olemassa olevaa koodia.
Refaktoroi seuraava koodi selkeämmäksi ja ylläpidettävämmäksi. Koodi: [KOODI] Tavoitteet: - Parempi luettavuus - Selkeät muuttujanimet - DRY-periaate (Don't Repeat Yourself) - Single Responsibility Principle Säilytä alkuperäinen toiminnallisuus. Selitä mitä muutoksia teit ja miksi.
Korvaa nämä hakasulkeissa olevat muuttujat omilla tiedoillasi:
[KOODI]Refaktoroi seuraava koodi selkeämmäksi ja ylläpidettävämmäksi.
Koodi:
function p(d) {
let t = 0;
for (let i = 0; i < d.length; i++) {
if (d[i].a === true) {
t = t + d[i].p;
}
}
if (t > 100) {
t = t * 0.9;
}
return t;
}
Tavoitteet:
- Parempi luettavuus
- Selkeät muuttujanimet
- DRY-periaate (Don't Repeat Yourself)
- Single Responsibility Principle
Säilytä alkuperäinen toiminnallisuus.
Selitä mitä muutoksia teit ja miksi.Siisti koodi selityksineen.
Jaa suuri, monimutkainen komponentti pienempiin ja uudelleenkäytettäviin osiin. Selkeyttää koodia, helpottaa testausta ja tekee ylläpidosta huomattavasti helpompaa.
KeskitasoLuo custom hook toistuvalle logiikalle, jotta vältät copy-paste-koodia komponenttien välillä. Saat siistin ja testattavan hookin jota voi käyttää koko sovelluksessa.
KeskitasoLisää TypeScript-tyypit JavaScript-koodiin.
KeskitasoSelaa kaikkia refaktorointi prompteja tai tutustu muihin kategorioihin.