JavaScript-utlåtanden


Innehållsförteckning

    Visa innehållsförteckning


Exempel

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>

JavaScript-program

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-utlåtanden

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

Exempel

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 ;

Semikolon separerar JavaScript-satser.

Lägg till ett semikolon i slutet av varje körbar sats:

Exempel

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

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;

JavaScript-radlängd och radavbrott

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:

Exempel

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

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:

Exempel

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 nyckelord

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:

var

Deklarerar en variabel

let

Deklarerar en blockvariabel

const

Deklarerar en blockkonstant

if

Markerar ett block med satser som ska köras på ett villkor

switch

Markerar ett block med satser som ska köras i olika fall

for

Markerar ett block med satser som ska köras i en loop

function

Deklarerar en funktion

return

Avsluter en funktion

try

Implementerar felhantering till ett block av satser

JavaScript-sökord är reserverade ord. Reserverade ord kan inte användas som namn på variabler.