Keskitaso🔧 Refaktorointi

Promise-ketju async/awaitiksi

Muunna Promise-ketjut selkeämmäksi async/await-syntaksiksi.

Suora vastaus: mitä tämä sivu antaa?

Valmis promptimalli: voit kopioida sen sellaisenaan ja muokata muuttujat omaan tilanteeseen.
Nopea käyttöönotto: mukana on täytetty esimerkki ja selitys milloin promptia kannattaa käyttää.
Jos tarvitset työkalun käyttöohjeen: jatka Cursor-oppaisiin osoitteessa `/vibekoodaus/cursor`.

Prompti

Muunna seuraava Promise-ketju async/await-muotoon.

Koodi:
[KOODI]

Vaatimukset:
- Säilytä sama toiminnallisuus
- Selkeä virheenkäsittely
- Parempi luettavuus
- TypeScript-tyypit

Selitä muutokset.

Suomenkieliset vinkit

Suomenkieliset promptit toimivat hyvin Claude- ja GPT-4-malleissa
Voit pyytää AI:ta selittämään koodia suomeksi oppimista varten
Lisää 'vastaa suomeksi' promptin loppuun jos AI vastaa englanniksi

Muuttujat

Korvaa nämä hakasulkeissa olevat muuttujat omilla tiedoillasi:

[KOODI]

Esimerkki

Täytetty prompti

Muunna seuraava Promise-ketju async/await-muotoon.

Koodi:
function processOrder(orderId) {
  return getOrder(orderId)
    .then(order => {
      return validateStock(order.items)
        .then(valid => {
          if (!valid) throw new Error('Out of stock');
          return calculateTotal(order);
        });
    })
    .then(total => {
      return processPayment(total)
        .then(payment => {
          return updateOrderStatus(orderId, 'paid');
        });
    })
    .catch(error => {
      console.error(error);
      throw error;
    });
}

Vaatimukset: Säilytä toiminnallisuus, selkeä virheenkäsittely, TypeScript.

Tulos

Refaktoroitu async/await-koodi.

Vinkit

Näytä koko Promise-ketju
Huomioi virheenkäsittely
Mieti rinnakkainen suoritus

Milloin käyttää

Vanha Promise-pohjainen koodi
Vaikea lukea sisäkkäisiä .then()-kutsuja
Parannat koodin laatua

Liittyvät promptit

Koodin siistiminen

Siisti ja selkeytä olemassa olevaa koodia.

Aloittelija

Virheenkäsittelyn parantaminen

Paranna koodin virheenkäsittelyä lisäämällä try-catch-lohkot, selkeät virheilmoitukset ja palautumisstrategiat. Lopputulos on sovellus joka ei kaadu yllättäviin tilanteisiin.

Keskitaso

Komponentin jakaminen osiin

Jaa suuri, monimutkainen komponentti pienempiin ja uudelleenkäytettäviin osiin. Selkeyttää koodia, helpottaa testausta ja tekee ylläpidosta huomattavasti helpompaa.