Tyyli ja parhaat käytännöt

JavaScriptin tyyli

Kaikissa ohjelmointikielissä on omat tyylinsä kirjoittaa koodia. Osin ne ovat yhtenäiset ja osin eriävät. tyylikäytäntöjä on hyvä noudattaa, koska se tekee koodin lukemisesta selkeämpää ja koodi on usein myös helpommin ylläpidettävää. Jos koodia ei kirjoita oikeilla tyylisäännöillä, aika usein koodaajaa pidetään vähemmän taitavana, vaikka koodi toimisikin.

Tutustumme JavaScriptin tyyliin w3schoolsin tyylioppaan avulla.

Demotehtävä 1

1. Kopioi alla oleva koodi omaan tiedostoonsa.
2. Korjaa siinä olevat tyylivirheet.

    let NAME = "Anna"
    let Lastname = "Metsapelto"

    let Full_name =(NAME+Lastname)

    const print-name = (_name) => {
if (_name==="") { console.log("The full name is "+_name+". Give them a hearty welcome with a really long line of text.")}
    }

    const PersoN = {birthday: "9.3.2011", ADDRESS: "Tekniikankatu 22 B 6, 33720 Tampere", SChool: "Etelä-Hervannan koulu"}

Parhaat käytännöt

Jokaisessa ohjelmintoikielessä on myös joukko parhaiksi katsottuja käytäntöjä, jotka parantavat koodin laatua, vaikka periaatteessa koodi voikin toimia, vaikka niitä ei noudateta. Täällä on opas javaScriptin parhaisiin käytäntöihin.

Demotehtävä 2

1. Kopioi alla oleva koodi omaan tiedostoonsa.
2. Korjaa siinä olevat käytäntöihin liittyvät virheet.

    switch (pet) {
        case "Dog":
            console.log("You must like walking in bad weather.");
            break;
        case "Cat":
        console.log("You must like scratched furniture.")
        break;
    }
    if (discount == 0.09) {
    console.log("Discount is pretty low")
    }
    let discount = new String();
    let car = {type: "Opel", model: "Zafira", color: "Metallic red"}
    discount = 0.09;
    let petArray;
    petArray =["Dog", "Cat", "Hamster", "Rat"]

JavaScriptin varatut sanat

Jokaisessa ohjelmointikielessä on joukko sanoja, jotka on varattu eli niitä ei voi käyttää muuttujien tai funktioiden niminä. Täällä on lista sanoista, jotka on varattu JavaScriptissä.