JavaScript Academy · Oppitunti

Aikaiset palautukset ja vartiointiehdot

Käyttäkää aikaisia palautuksia ja vartiointiehtoja ehtojen yksinkertaistamiseen, sisäkkäisyyden vähentämiseen ja suoraviivaisen onnistumispolun selkeyttämiseen.

Oppitunti 3/38 vaihetta

Aikaiset palautukset ja vartiointiehdot on ilmainen JavaScript Academy-oppitunti CoddyKitissä. Tämä on oppitunti 3/3. Voit lukea tästä oppimispolusta kokonaan mitkä tahansa 3 oppituntia ilmaiseksi — sen jälkeen CoddyKit PRO avaa kaikki oppitunnit sekä käytännön harjoittelun sisäänrakennetulla koodieditorilla ja ympäri vuorokauden toimivalla tekoälytuutorilla. Oppitunti kuuluu JavaScript Academy-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. JavaScript Academy-kurssilla on yhteensä 3 oppituntia.

Johdanto

Tavoite: Kirjoittakaa selkeämpiä funktioita palauttamalla virheellisten syötteiden kohdalla heti, jotta normaali suorituspolku pysyy lyhyenä.

  • Aikainen palautus
  • Guard clause
  • Vähemmän sisäkkäisyyttä
Aikaiset palautukset ja vartiointiehdot — kuvitus 1

Ilman guard clause -rakennetta

Sisäkkäisyys siirtää päätyön if-lohkon sisään, jolloin koodia voi olla vaikea lukea.

// Nested style without guard
function welcome(name) {
  if (name) {
    const message = "Hello, " + name + "!";
    console.log(message);
  } else {
    console.log("Name required");
  }
}

welcome("Ayla");
welcome("");
Aikaiset palautukset ja vartiointiehdot — kuvitus 2

Guard clause -rakenneuudistus

Käsitelkää virheellinen syöte ensin ja kirjoittakaa sen jälkeen normaali suorituspolku pienemmillä sisennyksillä.

// Guard clause: return early for bad input
function welcomeSafe(name) {
  if (!name) {
    console.log("Name required");
    return;
  }
  const message = "Hello, " + name + "!";
  console.log(message);
}

welcomeSafe("Ayla");
welcomeSafe("");
Aikaiset palautukset ja vartiointiehdot — kuvitus 3

Useita guard clause -rakenteita

Käyttäkää jokaista sääntöä varten yhtä pientä guard clause -rakennetta. Jokainen aikainen palautus poistaa tarpeen syvälle sisäkkäisyydelle.

// Multiple guard clauses keep each rule small
function divide(a, b) {
  if (typeof a !== "number" || typeof b !== "number") {
    console.log("Numbers only");
    return;
  }
  if (b === 0) {
    console.log("Cannot divide by zero");
    return;
  }
  const result = a / b;
  console.log("Result:", result);
}

divide(6, 3);
divide(6, 0);
divide("6", 3);
Aikaiset palautukset ja vartiointiehdot — kuvitus 4

Vähemmän sisäkkäisyyttä palautuksilla

Palauttakaa virhetilanteissa heti; viimeinen rivi palauttaa onnistuneen tuloksen selkeästi.

// Early returns reduce else blocks
function canVote(age) {
  if (typeof age !== "number") {
    return false;
  }
  if (age < 18) {
    return false;
  }
  return true;
}

console.log(canVote(20));
console.log(canVote(15));
console.log(canVote("20"));
Aikaiset palautukset ja vartiointiehdot — kuvitus 5

Guard clause -vinkit

Tarkistuslista:

  • Kelpuuttakaa syötteet ensin.
  • Palauttakaa heti virheiden tai poikkeustapausten kohdalla.
  • Pitäkää jokainen guard clause -rakenne lyhyenä ja täsmällisenä.
  • Kirjoittakaa normaali suorituspolku viimeiseksi ja ilman sisäkkäisyyttä.
Aikaiset palautukset ja vartiointiehdot — kuvitus 6

Guard clause -visa

Pikatarkistus: Mikä on guard clause?

Aikaiset palautukset ja vartiointiehdot — kuvitus 7

Kertaus

Kertaus: Käyttäkää guard clause -rakenteita virheellisten syötteiden käsittelyyn ensin, palauttakaa heti ja pitäkää päälogiikka suorana ja helposti luettavana.

Aikaiset palautukset ja vartiointiehdot — kuvitus 8
Aloita maksutta

Opi JavaScript tekoälytuutorin avulla — ilmaiseksi

Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.

Kurssit
59
Oppitunnit
200

Usein kysytyt kysymykset

Onko oppitunti ”Aikaiset palautukset ja vartiointiehdot” ilmainen?

Kyllä — voit lukea täällä verkossa kokonaan ilmaiseksi mitkä tahansa JavaScript Academy-oppimispolun 3 oppituntia, myös oppitunnin “Aikaiset palautukset ja vartiointiehdot”. Sen jälkeen CoddyKit PRO avaa kaikki oppitunnit sekä interaktiiviset harjoitukset sisäänrakennetulla koodieditorilla ja ympäri vuorokauden toimivalla tekoälytuutorilla. JavaScript Academy-kurssilla on yhteensä 3 oppituntia.

Mitä opin oppitunnilla ”Aikaiset palautukset ja vartiointiehdot”?

Käyttäkää aikaisia palautuksia ja vartiointiehtoja ehtojen yksinkertaistamiseen, sisäkkäisyyden vähentämiseen ja suoraviivaisen onnistumispolun selkeyttämiseen. Harjoittelet JavaScript Academy-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.

Tarvitsenko kokemusta aloittaakseni JavaScript Academy-opiskelun?

Aiempi kokemus ei ole tarpeen. CoddyKitin JavaScript Academy-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 3/3.

Kuinka kauan ”Aikaiset palautukset ja vartiointiehdot”-oppitunnin suorittaminen kestää?

Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.

Voinko kirjoittaa ja suorittaa koodia tällä JavaScript Academy-oppitunnilla?

Kyllä. Jokainen JavaScript Academy-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.

Kaikki tämän kurssin oppitunnit

  1. if/else ja switch — keskeiset mallit
  2. Silmukat: for, while, do…while ja for…of vs for…in
  3. Aikaiset palautukset ja vartiointiehdot
← Takaisin: JavaScript Academy