JavaScript-satser

I HTML utförs JavaScript-instruktioner av webbläsaren.

Example

var x, y, z;	// instruktion 1
x = 22;		// instruktion 2
y = 11;		// instruktion 3
z = x + y;	// instruktion 4

Try it yourself

JavaScript-program

datorprogramär en serie "instruktioner" som datorn "utför".

I programmeringsspråk, dessa programmeringinstruktionkallas instruktioner.

JavaScript-programär en serie programmeringinstruktion。

Kommentar:I HTML, utför JavaScript-programmet webbläsaren.

JavaScript-satser

JavaScript statements are composed of the following:

Values, operators, expressions, keywords, and comments.

This statement tells the browser to output "Hello Kitty." in the HTML element with id="demo":

Example

document.getElementById("demo").innerHTML = "Hello Kitty.";

Try it yourself

Most JavaScript programs contain many JavaScript statements.

These statements will be executed one by one in the order they are written.

Kommentar:JavaScript programs (and JavaScript statements) are often called JavaScript code.

Semicolon ;

Semicolons separate JavaScript statements.

Please add a semicolon after each executable statement:

a = 5;
b = 6;
c = a + b;

Try it yourself

If separated by semicolons, it is allowed to write multiple statements on the same line:

a = 5; b = 6; c = a + b;

Try it yourself

You may have seen examples online without semicolons.

Tips:Ending statements with a semicolon is not necessary, but we still strongly recommend it.

JavaScript whitespace characters

JavaScript ignores multiple spaces. You can add spaces to the script to enhance readability.

The following two lines are equal:

var person = "Bill";
var person="Bill";

It is a good habit to add spaces next to operators ( = + - * / ):

var x = y + z;

JavaScript line length and line break

To achieve the best readability, programmers often like to keep the code lines within 80 characters.

If the JavaScript statement is too long, the best place to break it is at an operator:

Example

document.getElementById("demo").innerHTML =
 "Hello Kitty.";

Try it yourself

JavaScript code block

JavaScript statements can be enclosed in curly braces ({...}）are combined in the code block.

The function of the code block is to define statements that are executed together.

You will see statements grouped together in blocks in JavaScript:

Example

function myFunction() {
    document.getElementById("demo").innerHTML = "Hello Kitty.";
    document.getElementById("myDIV").innerHTML = "How are you?";
}

Try it yourself

Kommentar:In this tutorial, we use 4 spaces of indentation for code blocks.

Tips:Du kommer att lära dig mer om funktioner senare i denna kurs.

JavaScript-nyckelord

JavaScript-satser identifieras ofta med ett nyckelord för att indikera vilka JavaScript-handlingar som ska utföras.

Följande tabell visar en del av de nyckelord som du kommer att lära dig i denna kurs:

Nyckelord Beskrivning
break Avsluta switch eller loop.
continue Hoppa ur loopen och börja från början.
debugger Stoppa JavaScript-exekveringen och anropa felsökningsfunktionen (om tillgänglig).
do ... while Kör statementblocket och upprepa kodblocket så länge förhållandet är sant.
for Markera statementblock som ska köras, så länge förhållandet är sant.
function Declarera funktion.
if ... else Markera statementblock som ska köras, beroende på en viss förhållande.
return Avsluta funktionen.
switch Markera statementblock som ska köras, beroende på olika situationer.
try ... catch Implementera felhantering för statementblock.
var Declarera variabler.

Kommentar:JavaScript-nyckelord är reserverade ord. Reserverade ord kan inte användas som variabelnamn.

Extraläsning

JavaScript-avancerad kurs: ECMAScript-syntax