let x, y, z; // Statement 1
x = 5; // Statement 2
y = 6; // Statement 3
z = x + y; // Statement 4
Prova själv →
<!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>
Ett datorprogram är en lista över "instruktioner" att vara "exekveras" av en dator.
I ett programmeringsspråk kallas dessa programmeringsinstruktioner påståenden.
Ett JavaScript-program är en lista med programmeringspåståenden.
I HTML körs JavaScript-program av webbläsaren.
JavaScript-satser består av:
Värden, operatörer, uttryck, sökord, och kommentarer.
Detta uttalande säger åt webbläsaren att skriva "Hello Dolly." inuti ett HTML-element med id="demo":
document.getElementById("demo").innerHTML = "Hello Dolly.";
Prova själv →
<!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 program innehåller många JavaScript-satser.
Uttalandet exekveras, ett efter ett, i samma ordning som de är skrivna.
JavaScript-program (och JavaScript-satser) kallas ofta JavaScript-kod.
Semikolon separerar JavaScript-satser.
Lägg till ett semikolon i slutet av varje körbar sats:
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
Prova själv →
<!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 separerade med semikolon är flera påståenden på en rad tillåtna:
a = 5; b = 6; c = a + b;
Prova själv →
<!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å webben kan du se exempel utan semikolon.
Avslutningssatser med semikolon krävs inte, men rekommenderas starkt.
JavaScript ignorerar flera mellanslag. Du kan lägga till blanksteg i ditt skript för att göra det mer läsbart.
Följande rader är likvärdiga:
let person = "Hege";
let person="Hege";
En bra praxis är att sätta mellanslag runt operatorer (=+ - */):
let x = y + z;
För bästa läsbarhet vill programmerare ofta undvika kodrader längre än 80 tecken.
Om ett JavaScript-uttryck inte får plats på en rad är det bästa stället att bryta det är efter en operatör:
document.getElementById("demo").innerHTML =
"Hello Dolly!";
Prova själv →
<!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-satser kan grupperas i kodblock, inuti lockigt parenteser {...}.
Syftet med kodblock är att definiera satser som ska exekveras tillsammans.
Ett ställe du hittar påståenden grupperade i block, är i JavaScript-funktioner:
function myFunction() {
document.getElementById("demo1").innerHTML = "Hello Dolly!";
document.getElementById("demo2").innerHTML = "How are you?";
}
Prova själv →
<!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 den här handledningen använder vi 2 mellanslag med indrag för kodblock.
Du kommer att lära dig mer om funktioner senare i denna handledning.
JavaScript-satser börjar ofta med ett sökord för att identifiera JavaScript-åtgärden som ska utföras.
Vår Reserved Words Reference listar alla JavaScript-sökord.
Här är en lista över några av nyckelorden du kommer att lära dig om i denna handledning:
Deklarerar en variabel
Deklarerar en blockvariabel
Deklarerar en blockkonstant
Markerar ett block med satser som ska köras på ett villkor
Markerar ett block med satser som ska köras i olika fall
Markerar ett block med satser som ska köras i en loop
Deklarerar en funktion
Avsluter en funktion
Implementerar felhantering till ett block av satser
JavaScript-sökord är reserverade ord. Reserverade ord kan inte användas som namn på variabler.