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-syntaxen definierar två typer av värden:
Fasta värden
Variabla värden
Fasta värden kallas Literals.
Variabelvärden kallas Variabler.
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>
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 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>
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 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.
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.
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.
Siffror är inte tillåtna som första tecken i namn.
På så sätt kan JavaScript enkelt skilja identifierare från siffror.
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.
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 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.