JavaScript-erklæringer


Indholdsfortegnelse

    Vis indholdsfortegnelse


Eksempel

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>

JavaScript programmer

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-erklæringer

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":

Eksempel

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.


Semikolon ;

Semikoloner adskiller JavaScript-udsagn.

Tilføj et semikolon i slutningen af hver eksekverbar sætning:

Eksempler

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 White Space

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;

JavaScript-linjelængde og linjeskift

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:

Eksempel

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-kodeblokke

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:

Eksempel

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 søgeord

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:

var

Erklærer en variabel

let

Erklærer en blokvariabel

const

Erklærer en blokkonstant

if

Markerer en blok af sætninger, der skal udføres på en betingelse

switch

Markerer en blok af udsagn, der skal udføres i forskellige tilfælde

for

Markerer en blok af udsagn, der skal udføres i en løkke

function

Erklærer en funktion

return

Afslutter en funktion

try

Implementerer fejlhåndtering til en blok af udsagn

JavaScript-nøgleord er reserverede ord. Reserverede ord kan ikke bruges som navne på variabler.