JavaScript

Verkkosivujen ohjelmointikieli, jota ajetaan selaimessa ja Node.js:n avulla myös palvelimella.

JavaScript · Koodaus

JavaScript (JS) on ohjelmointikieli, jolla verkkosivuille tehdään toiminnallisuutta: painikkeet, lomakkeiden tarkistukset, päivittyvät listat ja kaikki muu, mikä reagoi käyttäjän toimintaan. Se tunnetaan parhaiten verkkosivujen kielenä, jota selaimet ajavat. Selaimen lisäksi JavaScriptiä ajetaan palvelimilla Node.js:n avulla, joten samalla kielellä voi tehdä sekä frontendin että backendin.

Nimestään huolimatta JavaScriptillä ei ole yhteyttä Java-kieleen. Monissa projekteissa käytetään nykyään TypeScriptiä, joka on JavaScript lisättynä tyyppimerkinnöillä. TypeScript muunnetaan ennen ajamista tavalliseksi JavaScriptiksi, joten selain ajaa lopulta aina JavaScriptiä.

Vibekoodauksessa JavaScript ja TypeScript ovat tavallisimmat kielet, koska React, Next.js ja useimmat selainpohjaiset tekoälytyökalut käyttävät niitä. Uusissa projekteissa kannattaa pyytää tekoälyä käyttämään TypeScriptiä: tyypit paljastavat monet virheet jo ennen kuin sovellus ajetaan. Kun tarkistat tekoälyn tuottamaa JavaScriptiä, katso erityisesti asynkronista koodia eli async- ja await-kutsuja. Puuttuva await on tavallinen syy siihen, että data näkyy tyhjänä tai sivu näyttää vanhaa tietoa.

Usein kysyttyä

Mikä on JavaScript?

JavaScript on ohjelmointikieli, jolla verkkosivut saadaan toimimaan: se reagoi klikkauksiin, hakee dataa ja päivittää näkymää ilman sivun uudelleenlatausta. Sitä käytetään myös palvelimilla Node.js:n avulla.

Mitä eroa on JavaScriptillä ja Javalla?

Ne ovat eri kieliä, joilla on vain samankaltainen nimi. Java on yleiskäyttöinen kieli, jota käytetään esimerkiksi yritysjärjestelmissä ja Android-sovelluksissa. JavaScript on verkkosivujen kieli ja web-kehityksen perusta.

Mitä eroa on JavaScriptillä ja TypeScriptillä?

TypeScript on JavaScript, johon on lisätty tyypit. Tyypit kertovat, millaista dataa muuttuja tai funktio odottaa, ja editori huomauttaa virheestä jo kirjoittaessa. TypeScript-koodi muunnetaan JavaScriptiksi ennen ajamista.

Esimerkkejä

document.querySelector('button').addEventListener('click', tallenna) lisää painikkeelle toiminnon

const hinta = 19.9; let maara = 2; ovat JavaScriptin muuttujia

fetch('/api/tuotteet') hakee dataa rajapinnasta

Node.js ajaa JavaScriptiä palvelimella ilman selainta

TypeScript lisää JavaScriptiin tyypit ja muunnetaan tavalliseksi JavaScriptiksi ennen ajoa

"Muuta tämä JavaScript-tiedosto TypeScriptiksi ja lisää tyypit funktioiden parametreille"