JavaScript lauseet

HTML:ssä JavaScript-ilmaisuja suorittaa verkkoselain 'suorittama'.

Esimerkki

var x, y, z;	// ilmaisu 1
x = 22;		// ilmaisu 2
y = 11;		// ilmaisu 3
z = x + y;	// ilmaisu 4

Kokeile itse!

JavaScript-ohjelma

tietokoneohjelmaon tietokoneen 'suorittama' sarja 'ohjeita'.

ohjelmointikielessä nämä ohjeetohjekutsutaan ilmaisunksi.

JavaScript-ohjelmaon sarja ohjelmointikielenilmaisu。

Huomautus:JavaScript-ohjelmat suoritetaan verkkoselaimessa HTML:ssä.

JavaScript lauseet

JavaScript-lauseet koostuvat seuraavista osista:

Arvot, operaattorit, lausekkeet, avainsanat ja kommentit.

Tämä lause kertoo selaimeen tulostamaan "Hello Kitty." HTML-elementissä, jonka id on "demo":

Esimerkki

document.getElementById("demo").innerHTML = "Hello Kitty.";

Kokeile itse!

Useimmat JavaScript-ohjelmat sisältävät monia JavaScript-lauseita.

Nämä lauseet suoritetaan niiden kirjoitusjärjestyksessä.

Huomautus:JavaScript-ohjelmat (ja JavaScript-lauseet) kutsutaan usein JavaScript-koodiksi.

Puolisyvä ;

Puolisyvät erottavat JavaScript-lauseita.

Lisää puolisyvä jokaisen suoritettavan lauseen jälkeen:

a = 5;
b = 6;
c = a + b;

Kokeile itse!

Jos käytetään puolisyviä, useita lauseita voidaan kirjoittaa samalle riville:

a = 5; b = 6; c = a + b;

Kokeile itse!

Voit saada verkosta esimerkkejä ilman puolisyvää.

Vinkki:Lauseen päättäminen puolisyvästä ei ole välttämätöntä, mutta suosittelemme sitä edelleen.

JavaScript-tyhjät merkit

JavaScript huomioi useat välilyönnit. Voit lisätä välilyöntejä skriptiin parantaaksesi sen luettavuutta.

Nämä kaksi riviä ovat yhtä hyviä:

var person = "Bill";
var person="Bill";

On hyvä tapa lisätä välilyöntejä operaattorin ( = + - * / ) viereen:

var x = y + z;

JavaScript-rivin pituus ja katkaisu

Parhaan luettavuuden saavuttamiseksi ohjelmistoteknikot pitävät usein kiinni koodin rivin pituudesta 80 merkkiä.

Jos JavaScript-lause on liian pitkä, sen katkaiseminen paras paikka on jossain laskutoimitusmerkillä:

Esimerkki

document.getElementById("demo").innerHTML =
 "Hello Kitty.";

Kokeile itse!

JavaScript-koodiblokit

JavaScript-lauseita voidaan käyttää sulkeiden ({...}）yhdessä koodiblokin sisällä.

Koodiblokin tehtävä on määritellä yhdessä suoritettavat lauseet.

JavaScriptissa näet lauseiden olevan ryhmitettyinä blokeissa:

Esimerkki

function myFunction() {
    document.getElementById("demo").innerHTML = "Hello Kitty.";
    document.getElementById("myDIV").innerHTML = "How are you?";
}

Kokeile itse!

Huomautus:Tässä opasohjeessa olemme käyttäneet 4 välilyöntiä lohkon sisennykseen.

Vinkki:Opit myöhemmin tässä kurssissa lisää funktioista.

JavaScript-avainsanat

JavaScript-lausekkeet tunnetaan usein avainsanoilla, jotka määrittelevät suoritettavaa JavaScript-toimintaa.

Seuraavassa taulukossa luetellaan osa avainsanoista, joita opitaan kurssissa:

Avainsana Kuvaus
break Pysäytä switch tai silmukka.
continue Hyppää ulos silmukasta ja aloita alusta.
debugger Pysäytä JavaScriptin suoritus ja kutsu virheenkorjausfunktiota (jos sitä on käytettävissä).
do ... while Suorita lausekkeita ja toista koodikappale, kun ehto on totta.
for Merkitse lausekkeet, jotka täytyy suorittaa, kun ehto on totta.
function Ilmoita funktio.
if ... else Merkitse lausekkeet, jotka täytyy suorittaa, tietyllä ehdolla.
return Lopeta funktion suoritus.
switch Merkitse lausekkeet, jotka täytyy suorittaa, eri tilanteiden mukaan.
try ... catch Toteuta virheenkäsittely lausekkeille.
var Ilmoita muuttujat.

Huomautus:JavaScript-avainsanat ovat varattuja sanoja. Varatut sanat eivät voi olla muuttujien nimiä.

Käyttökohde

JavaScript-ylpeä kurssi: ECMAScript-grammatiikka