JavaScript Academy · Oppitunti

Nimeäminen, luettavuus ja yleiset sudenkuopat

Tutustukaa nimeämis- ja luettavuusohjeisiin. Välttäkää peittämistä, taikalukuja ja sekalaisten deklarointien käyttöä.

Oppitunti 3/38 vaihetta

Nimeäminen, luettavuus ja yleiset sudenkuopat 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 luettavaa koodia. Käyttäkää selkeitä nimiä, välttäkää taikalukuja ja varokaa muuttujien varjostamista.

  • Kuvaavat nimet
  • Vakiot muuttumattomille arvoille
  • Ei tahatonta varjostamista
Nimeäminen, luettavuus ja yleiset sudenkuopat — kuvitus 1

Selkeän nimeämisen esittely

Nimetkää muuttujat sen mukaan, mitä ne sisältävät, ei sen mukaan, miten niitä käytetään. Lyhyt mutta selkeä nimi on paras.

// Use descriptive names
// Avoid single letters or vague words
const itemCount = 3;
const unitPrice = 5;

const totalPrice = itemCount * unitPrice;

console.log("Items:", itemCount);
console.log("Unit price:", unitPrice);
console.log("Total price:", totalPrice);
Nimeäminen, luettavuus ja yleiset sudenkuopat — kuvitus 2

Nimeämisohjeet

Nimeämisvinkkejä:

  • Substantiiveja datalle (userName, totalPrice)
  • Verbejä funktioille (computeTotal)
  • Olkaa johdonmukaisia kirjainkoon käytössä (camelCase)
Nimeäminen, luettavuus ja yleiset sudenkuopat — kuvitus 3

Ei taikalukuja

Muuttakaa kiinteät arvot vakioiksi (UPPER_CASE on yleinen käytäntö). Tämä kertoo tarkoituksesta ja helpottaa päivityksiä.

// Replace magic numbers with named constants
const TAX_RATE = 0.08;
const SUBTOTAL = 20;

const tax = SUBTOTAL * TAX_RATE;
const finalTotal = SUBTOTAL + tax;

console.log("Tax:", tax);
console.log("Final total:", finalTotal);
Nimeäminen, luettavuus ja yleiset sudenkuopat — kuvitus 4

Varjostamisen esittely

Varjostaminen: Sisempi muuttuja käyttää samaa nimeä ja peittää ulomman muuttujan. Suosikaa yksilöllisiä nimiä sisäkkäisillä näkyvyysalueilla.

// Shadowing: inner variable hides an outer one
let score = 10;

function addBonus() {
  // The next line creates a new "score" only inside this function
  let score = 5;
  console.log("Inner score:", score);
}

addBonus();
console.log("Outer score:", score);
Nimeäminen, luettavuus ja yleiset sudenkuopat — kuvitus 5

Luettavuuden tarkistuslista

Tarkistuslista:

  • Yksi ajatus riviä kohden
  • Lyhyet funktiot
  • Käyttäkää vakioita kiinteille arvoille
  • Välttäkää samojen nimien käyttöä eri näkyvyysalueilla
Nimeäminen, luettavuus ja yleiset sudenkuopat — kuvitus 6

Nimeämisen parhaiden käytäntöjen visa

Pikatarkistus: selkeä nimeäminen.

Nimeäminen, luettavuus ja yleiset sudenkuopat — kuvitus 7

Kertaus

Kertaus: Käyttäkää kuvaavia nimiä, muuttakaa kiinteät arvot vakioiksi ja välttäkää varjostamista, jotta koodi pysyy helposti luettavana ja ylläpidettävänä.

Nimeäminen, luettavuus ja yleiset sudenkuopat — 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 ”Nimeäminen, luettavuus ja yleiset sudenkuopat” ilmainen?

Kyllä — voit lukea täällä verkossa kokonaan ilmaiseksi mitkä tahansa JavaScript Academy-oppimispolun 3 oppituntia, myös oppitunnin “Nimeäminen, luettavuus ja yleiset sudenkuopat”. 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 ”Nimeäminen, luettavuus ja yleiset sudenkuopat”?

Tutustukaa nimeämis- ja luettavuusohjeisiin. Välttäkää peittämistä, taikalukuja ja sekalaisten deklarointien käyttöä. 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 ”Nimeäminen, luettavuus ja yleiset sudenkuopat”-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. let, const ja varin välttäminen
  2. Lohko-, funktio- ja moduuliskoopit sekä TDZ
  3. Nimeäminen, luettavuus ja yleiset sudenkuopat
← Takaisin: JavaScript Academy