Miten setTimeout-funktio toimii JavaScriptissä?
Julkaistu 11.3.2024 • Olli Perikanta
JavaScriptissä setTimeout-funktiota käytetään viivästyttämään funktion tai koodilohkon suorittamista määritetyn ajanjakson ajaksi. Tämä toiminto on olennainen asynkronisten operaatioiden käsittelyssä ja ajastettujen tapahtumien luomisessa. Syntaksi setTimeout:n syntaksi on suhteellisen yksinkertainen: Toimintaperiaate Kun kutsut setTimeout:ia, JavaScriptin ”moottori” aikatauluttaa määritetyn funktion suoritettavaksi annetun viiveen jälkeen. Tämä ei kuitenkaan pysäytä muun koodin suoritusta. Sen sijaan se jatkaa muiden tehtävien suorittamista.…
Ero JavaScript funktion määrityksen ja funktion lausekkeen välillä
Julkaistu 18.2.2024 • Olli Perikanta
JavaScriptissä on kaksi yleistä tapaa määritellä funktioita: funktion määrittely (function declaration) ja funktion lauseke (function expression). Molemmissa lähestymistavoissa on omat ominaispiirteensä ja käyttötarkoituksensa. Funktion Määrittely Funktion määrittely on perinteinen tapa luoda funktio JavaScriptissä. Se tapahtuu käyttämällä function-avainsanaa jossa funktion nimi tulee heti sen perään. Yksi funktion määrittelyn eduista on se, että funktio nousee, eli se…
Mikä on this-avainsanan käyttötarkoitus JavaScriptissä?
Julkaistu 19.1.2024 • Olli Perikanta
JavaScriptin this-avainsanaa käytetään viittaamaan objektiin, joka on ”omistaja” tai ”suorittaja” kyseisessä kontekstissa. this voi saada erilaisia arvoja riippuen siitä, missä kontekstissa se esiintyy. Kun käytät this-avainsanaa tavallisessa funktiossa, sen arvo riippuu siitä, miten funktiota kutsutaan. Jos funktiota kutsutaan objektin metodina, this viittaa siihen objektiin. Jos sitä kutsutaan ilman erityistä kontekstia (globaalisti), this viittaa globaaliin objektiin.…
Mitä eroa on vertailuoperaattoreilla ”==” ja ”===” JavaScriptissä?
Julkaistu 16.1.2024 • Olli Perikanta
JavaScriptissä == ja === ovat vertailuoperaattoreita, mutta niillä on merkittävä ero. Löysempi vertailuoperaattori ”==” Esimerkki: Palauttaa ”onnistui”, koska ’5’ muunnetaan numeroksi ennen vertailua. Tiukempi vertailuoperaattori ”===” Esimerkki: Palauttaa ”epäonnistui”, koska vertailun kohteena olevat ovat eri tyyppejä. Suositeltavaa on käyttää vertailuoperaattorina === koska tällöin virheelliset vertailutulokset vähenee.
Kuinka tarkistaa muuttujan tyyppi JavaScriptissä?
Julkaistu 13.1.2024 • Olli Perikanta
JavaScriptissä voi tarkistaa muuttujan tyypin typeof-operaattorilla. Esimerkki: Muutama esimerkki typeof-operaattorin käytöstä:
Tapahtumakierto (event loop) JavaScriptissa
Julkaistu 6.1.2024 • Olli Perikanta
JavaScriptissa tapahtumakierto (event loop) on mekanismi, joka jatkuvasti tarkistaa viestijonoa tapahtumille ja suorittaa ne peräkkäin. Se varmistaa, että koodin suoritus ei jää jumiin aikaa vieviin tehtäviin.
Miten nosto (’hoisting’) toimii JavaScriptissä?
Julkaistu 6.1.2024 • Olli Perikanta
JavaScriptissa "hoisting" viittaa siihen, miten muuttujat ja funktiot nostetaan niiden määrittelykohdasta koodissa ennen varsinaista suoritusta. Tämä tarkoittaa, että voit käyttää muuttujia tai kutsua funktioita ennen kuin ne on virallisesti määritelty koodissa
Mitä eroa on JavaScriptin muuttujilla: var, let ja const?
Julkaistu 5.1.2024 • Olli Perikanta
VAR Esimerkki: LET Esimerkki: CONST Esimerkki: