let x, y, z; // Statement 1
x = 5; // Statement 2
y = 6; // Statement 3
z = x + y; // Statement 4
Prøv det selv →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Statements</h2>
<p>A <b>JavaScript program</b> is a list of <b>statements</b> to be executed by a computer.</p>
<p id="demo"></p>
<script>
let x, y, z; // Statement 1
x = 5; // Statement 2
y = 6; // Statement 3
z = x + y; // Statement 4
document.getElementById("demo").innerHTML =
"The value of z is " + z + ".";
</script>
</body>
</html>
Et computerprogram er en liste over "instruktioner", der skal være "udført" af en computer.
I et programmeringssprog kaldes disse programmeringsinstruktioner sætninger.
Et JavaScript-program er en liste over programmeringsudsagn.
I HTML udføres JavaScript-programmer af webbrowseren.
JavaScript-udsagn er sammensat af:
Værdier, operatører, udtryk, søgeord, og kommentarer.
Denne erklæring fortæller browseren at skrive "Hej Dolly." inde i et HTML-element med id="demo":
document.getElementById("demo").innerHTML = "Hello Dolly.";
Prøv det selv →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Statements</h2>
<p>In HTML, JavaScript statements are executed by the browser.</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello Dolly.";
</script>
</body>
</html>
Mest JavaScript programmer indeholder mange JavaScript-sætninger.
Udtalelserne udføres, én efter én, i samme rækkefølge som de er skrevet.
JavaScript-programmer (og JavaScript-sætninger) kaldes ofte JavaScript-kode.
Semikoloner adskiller JavaScript-udsagn.
Tilføj et semikolon i slutningen af hver eksekverbar sætning:
let a, b, c; // Declare 3 variables
a = 5; // Assign the value 5 to a
b = 6; // Assign the value 6 to b
c = a + b; // Assign the sum of a and b to c
Prøv det selv →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Statements</h2>
<p>JavaScript statements are separated by semicolons.</p>
<p id="demo1"></p>
<script>
let a, b, c;
a = 5;
b = 6;
c = a + b;
document.getElementById("demo1").innerHTML = c;
</script>
</body>
</html>
Når adskilt med semikolon, er flere udsagn på én linje tilladt:
a = 5; b = 6; c = a + b;
Prøv det selv →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Statements</h2>
<p>Multiple statements on one line are allowed.</p>
<p id="demo1"></p>
<script>
let a, b, c;
a = 5; b = 6; c = a + b;
document.getElementById("demo1").innerHTML = c;
</script>
</body>
</html>
På nettet kan du muligvis se eksempler uden semikolon.
Det er ikke nødvendigt at afslutte udsagn med semikolon, men det anbefales stærkt.
JavaScript ignorerer flere mellemrum. Du kan tilføje hvidt mellemrum til dit script for at gøre det mere læsbart.
Følgende linjer er ækvivalente:
let person = "Hege";
let person="Hege";
En god praksis er at sætte mellemrum omkring operatorer (=+ - */):
let x = y + z;
For den bedste læsbarhed vil programmører ofte gerne undgå kodelinjer længere end 80 tegn.
Hvis en JavaScript-sætning ikke passer på én linje, er det bedste sted at bryde det er efter en operatør:
document.getElementById("demo").innerHTML =
"Hello Dolly!";
Prøv det selv →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Statements</h2>
<p>
The best place to break a code line is after an operator or a comma.
</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"Hello Dolly!";
</script>
</body>
</html>
JavaScript-udsagn kan grupperes sammen i kodeblokke inde i krøllet beslag {...}.
Formålet med kodeblokke er at definere sætninger, der skal udføres sammen.
Et sted, du vil finde udsagn samlet i blokke, er i JavaScript funktioner:
function myFunction() {
document.getElementById("demo1").innerHTML = "Hello Dolly!";
document.getElementById("demo2").innerHTML = "How are you?";
}
Prøv det selv →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Statements</h2>
<p>JavaScript code blocks are written between { and }</p>
<button type="button" onclick="myFunction()">Click Me!</button>
<p id="demo1"></p>
<p id="demo2"></p>
<script>
function myFunction() {
document.getElementById("demo1").innerHTML = "Hello Dolly!";
document.getElementById("demo2").innerHTML = "How are you?";
}
</script>
</body>
</html>
I denne øvelse bruger vi 2 mellemrum med indrykning til kodeblokke.
Du vil lære mere om funktioner senere i denne vejledning.
JavaScript-udsagn starter ofte med et søgeord for at identificere den JavaScript-handling, der skal udføres.
Vores Reserved Words Reference viser alle JavaScript-nøgleord.
Her er en liste over nogle af de søgeord, du vil lære om i denne tutorial:
Erklærer en variabel
Erklærer en blokvariabel
Erklærer en blokkonstant
Markerer en blok af sætninger, der skal udføres på en betingelse
Markerer en blok af udsagn, der skal udføres i forskellige tilfælde
Markerer en blok af udsagn, der skal udføres i en løkke
Erklærer en funktion
Afslutter en funktion
Implementerer fejlhåndtering til en blok af udsagn
JavaScript-nøgleord er reserverede ord. Reserverede ord kan ikke bruges som navne på variabler.