JavaScript-syntax


Innehållsförteckning

    Visa innehållsförteckning

JavaScript-syntax är uppsättningen regler, hur JavaScript-program är konstruerade:

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

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

JavaScript-värden

JavaScript-syntaxen definierar två typer av värden:

  • Fasta värden

  • Variabla värden

Fasta värden kallas Literals.

Variabelvärden kallas Variabler.


JavaScript bokstaver

De två viktigaste syntaxreglerna för fasta värden är:

1. Siffror skrivs med eller utan decimaler:

10.50

1001 

Prova själv →

<!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. Strängar är text, skriven inom dubbla eller enkla citattecken:

"John Doe"

'John Doe'

Prova själv →

<!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 ett programmeringsspråk, variabler används för att lagra datavärden.

JavaScript använder nyckelorden var, låt och const att deklarera variabler.

Ett lika-tecken används för att tilldela värden till variabler.

I det här exemplet definieras x som en variabel. Då är x tilldelas (givet) värdet 6:

let x;
x = 6; 

Prova själv →

<!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 använder aritmetiska operatorer ( + - * / ) till beräkna värden:

(5 + 6) * 10

Prova själv →

<!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 använder en tilldelningsoperator ( = ) för att tilldela värden till variabler:

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

Prova själv →

<!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-uttryck

Ett uttryck är en kombination av värden, variabler och operatorer, som beräknar till ett värde.

Beräkningen kallas en utvärdering.

Till exempel, 5 * 10 utvärderas till 50:

5 * 10 

Prova själv →

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

Uttryck kan också innehålla variabelvärden:

 x * 10 

Prova själv →

<!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ärdena kan vara av olika slag, såsom siffror och strängar.

Till exempel, "John" + " " + "Doe", evalueras till "John Doe":

 "John" + " " + "Doe"

Prova själv →

<!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 nyckelord

JavaScript sökord används för identifiera åtgärder som ska utföras.

De Nyckelordet let talar om för webbläsaren att skapa variabler:

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

Prova själv →

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

De Nyckelordet var talar om för webbläsaren att skapa variabler:

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

Prova själv →

<!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 dessa exempel använder du var eller let ger samma resultat.

Du kommer att lära dig mer om var och låt senare i den här självstudien.


JavaScript-kommentarer

Inte alla JavaScript-satser "exekveras".

Kod efter dubbla snedstreck // eller mellan /* och */ behandlas som en kommentar.

Kommentarer ignoreras och kommer inte att bli det avrättade:

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

Prova själv →

<!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 kommer att lära dig mer om kommentarer i ett senare kapitel.


JavaScript-identifierare/namn

Identifierare är JavaScript-namn.

Identifierare används för att namnge variabler och nyckelord och funktioner.

Reglerna för juridiska namn är desamma i de flesta programmeringsspråk.

Ett JavaScript-namn måste börja med:

  • En bokstav (A-Z eller a-z)

  • Ett dollartecken ($)

  • Eller ett understreck (_)

Efterföljande tecken kan vara bokstäver, siffror, understreck eller dollartecken.

Notera

Siffror är inte tillåtna som första tecken i namn.

På så sätt kan JavaScript enkelt skilja identifierare från siffror.


JavaScript är skiftlägeskänsligt

Alla JavaScript-identifierare är skiftlägeskänslig.

Variablerna efternamn och efternamn, är två olika variabler:

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

Prova själv →

<!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 tolkar inte LET eller Let som nyckelordet let.


JavaScript och Camel Case

Historiskt har programmerare använt olika sätt att sammanfoga flera ord till ett variabelnamn:

Beststreck:

förnamn, efternamn, master-card, inter-city.

Bindestreck är inte tillåtna i JavaScript. De är reserverade för subtraktioner.

Understreck:

first_name, last_name, master_card, inter_city.

Övre kamelfodral (Pascalfodral):

Förnamn, Efternamn, MasterCard, InterCity.

Kamelfodral:

JavaScript-programmerare brukar använda kamel-case som börjar med en liten bokstav:

förnamn, efternamn, masterCard, interCity.


JavaScript-teckenuppsättning

JavaScript använder teckenuppsättningen Unicode.

Unicode täcker (nästan) alla tecken, skiljetecken och symboler i världen.

För en närmare titt, vänligen studera vår kompletta Unicode-referens.