JavaScript syntaks

Indholdsfortegnelse

    Vis indholdsfortegnelse

JavaScript-syntaks er sættet af regler, hvordan JavaScript-programmer er konstrueret:

// How to create variables:
var x;
let y;

// How to use variables:
x = 5;
y = 6;
let z = x + y;

JavaScript-værdier

JavaScript-syntaksen definerer to typer værdier:

  • Faste værdier

  • Variable værdier

Faste værdier kaldes Literals.

Variableværdier kaldes Variabler.

JavaScript bogstaver

De to vigtigste syntaksregler for faste værdier er:

1. Numre skrives med eller uden decimaler:

10.50

1001

Prøv det selv →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Numbers</h2>

<p>Number can be written with or without decimals.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 10.50;
</script>

</body>
</html>

2. Strenge er tekst, skrevet inden for dobbelte eller enkelte anførselstegn:

"John Doe"

'John Doe'

Prøv det selv →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Strings</h2>

<p>Strings can be written with double or single quotes.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 'John Doe';
</script>

</body>
</html>

JavaScript-variabler

I et programmeringssprog, variabler bruges til at lagre dataværdier.

JavaScript bruger søgeordene var, lad og const for at erklære variabler.

Et lighedstegn bruges til at tildele værdier til variabler.

I dette eksempel er x defineret som en variabel. Så er x tildelt (givet) værdien 6:

let x;
x = 6;

Prøv det selv →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Variables</h2>

<p>In this example, x is defined as a variable.
Then, x is assigned the value of 6:</p>

<p id="demo"></p>

<script>
let x;
x = 6;
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>

JavaScript-operatører

JavaScript bruger aritmetiske operatorer ( + - * / ) til beregn værdier:

(5 + 6) * 10

Prøv det selv →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Operators</h2>

<p>JavaScript uses arithmetic operators to compute values (just like algebra).</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = (5 + 6) * 10;
</script>

</body>
</html>

JavaScript bruger en tildelingsoperator ( = ) til at tildele værdier til variable:

let x, y;
x = 5;
y = 6;

Prøv det selv →

<!DOCTYPE html>
<html>
<body>

<h2>Assigning JavaScript Values</h2>

<p>In JavaScript the = operator is used to assign values to variables.</p>

<p id="demo"></p>

<script>
let x, y;
x = 5;
y = 6;
document.getElementById("demo").innerHTML = x + y;
</script>

</body>
</html>

JavaScript-udtryk

Et udtryk er en kombination af værdier, variabler og operatorer, som beregner til en værdi.

Beregningen kaldes en evaluering.

For eksempel, 5 * 10 evalueres til 50:

5 * 10

Prøv det selv →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Expressions</h2>

<p>Expressions compute to values.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 5 * 10;
</script>

</body>
</html>

Udtryk kan også indeholde variable værdier:

 x * 10

Prøv det selv →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Expressions</h2>

<p>Expressions compute to values.</p>

<p id="demo"></p>

<script>
var x;
x = 5;
document.getElementById("demo").innerHTML = x * 10;
</script>

</body>
</html>

Værdierne kan være af forskellige typer, såsom tal og strenge.

For eksempel, "John" + " " + "Doe", evalueres til "John Doe":

 "John" + " " + "Doe"

Prøv det selv →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Expressions</h2>

<p>Expressions compute to values.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = "John" + " "  + "Doe";
</script>

</body>
</html>

JavaScript søgeord

JavaScript søgeord bruges til identificere handlinger, der skal udføres.

Det let søgeord fortæller browseren om at oprette variabler:

let x, y;
x = 5 + 6;
y = x * 10;

Prøv det selv →

<!DOCTYPE html>
<html>
<body>

<h2>The <b>let</b> Keyword Creates Variables</h2>

<p id="demo"></p>

<script>
let x, y;
x = 5 + 6;
y = x * 10;
document.getElementById("demo").innerHTML = y;
</script>

</body>
</html>

Det var søgeord fortæller også browseren om at oprette variabler:

 var x, y;
x = 5 + 6;
y = x * 10;

Prøv det selv →

<!DOCTYPE html>
<html>
<body>

<h2>The var Keyword Creates Variables</h2>

<p id="demo"></p>

<script>
var x, y;
x = 5 + 6;
y = x * 10;
document.getElementById("demo").innerHTML = y;
</script>

</body>
</html>

I disse eksempler bruger du var eller let vil producere det samme resultat.

Du vil lære mere om var og lad senere i denne øvelse.

JavaScript kommentarer

Ikke alle JavaScript-sætninger er "udført".

Kode efter dobbelte skråstreg // eller mellem /* og */ behandles som en kommentar.

Kommentarer ignoreres og bliver det ikke udført:

let x = 5;   // I will be executed
// x = 6;   I will 
NOT be executed

Prøv det selv →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Comments are NOT Executed</h2>

<p id="demo"></p>

<script>
let x;
x = 5;
// x = 6; I will not be executed
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>

Du vil lære mere om kommentarer i et senere kapitel.

JavaScript-identifikatorer/-navne

Identifikatorer er JavaScript-navne.

Identifikatorer bruges til at navngive variabler og nøgleord og funktioner.

Reglerne for lovlige navne er de samme på de fleste programmeringssprog.

Et JavaScript-navn skal begynde med:

  • Et bogstav (A-Z eller a-z)

  • Et dollartegn ($)

  • Eller en understregning (_)

Efterfølgende tegn kan være bogstaver, cifre, understregninger eller dollartegn.

Bemærk

Tal er ikke tilladt som det første tegn i navne.

På denne måde kan JavaScript nemt skelne identifikatorer fra tal.

JavaScript er case-sensitive

Alle JavaScript-id'er er skifter mellem store og små bogstaver.

Variablerne efternavn og efternavn, er to forskellige variable:

let lastname, lastName;
lastName = "Doe";
lastname = "Peterson";

Prøv det selv →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript is Case Sensitive</h2>

<p>Try to change lastName to lastname.</p>

<p id="demo"></p>

<script>
let lastname, lastName;
lastName = "Doe";
lastname = "Peterson";
document.getElementById("demo").innerHTML = lastName;
</script>

</body>
</html>

JavaScript fortolker ikke LET eller Let som søgeordet let.

JavaScript og Camel Case

Historisk har programmører brugt forskellige måder at forbinde flere ord til et variabelnavn:

Beststreger:

fornavn, efternavn, hovedkort, mellemby.

Bindestreger er ikke tilladt i JavaScript. De er reserveret til subtraktioner.

Understregning:

fornavn, efternavn, hovedkort, mellemby.

Upper Camel Case (Pascal Case):

Fornavn, Efternavn, MasterCard, InterCity.

Camel Case:

JavaScript-programmører har en tendens til at bruge kamelbogstaver, der starter med et lille bogstav:

fornavn, efternavn, masterCard, interCity.

JavaScript-tegnsæt

JavaScript bruger Unicode-tegnsættet.

Unicode dækker (næsten) alle tegn, tegnsætninger og symboler i verden.

For et nærmere kig, læs venligst vores komplette Unicode-reference.