JavaScript-Anweisungen

In HTML, JavaScript statements are 'executed' instructions by web browsers.

Beispiel

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

Versuchen Sie es selbst

JavaScript programs

Computer programsare a series of 'instructions' executed by the computer.

In programming languages, these programmingInstructionsare called instructions.

JavaScript programsare a series of programmingInstructions.

Kommentare:In HTML, JavaScript programs are executed by web browsers.

JavaScript-Anweisungen

JavaScript-Anweisungen bestehen aus folgendem aufgebaut:

Werte, Operatoren, Ausdrücke, Schlüsselwörter und Kommentare.

Diese Anweisung sagt dem Browser, dass "Hello Kitty." im HTML-Element mit id="demo" ausgegeben werden soll:

Beispiel

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

Versuchen Sie es selbst

Die meisten JavaScript-Programme enthalten viele JavaScript-Anweisungen.

Diese Anweisungen werden in der Reihenfolge ihrer Eingabe nacheinander ausgeführt.

Kommentare:JavaScript-Programme (sowie JavaScript-Anweisungen) werden oft als JavaScript-Code bezeichnet.

Semikolon ;

JavaScript-Anweisungen werden durch Semikola getrennt.

Fügen Sie bitte nach jeder ausführbaren Anweisung ein Semikolon hinzu:

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

Versuchen Sie es selbst

Wenn durch Semikola getrennt, sind mehrere Anweisungen auf einer Zeile erlaubt:

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

Versuchen Sie es selbst

Sie könnten im Internet Beispiele ohne Semikolon sehen.

Hinweis:Das Beenden von Anweisungen mit einem Semikolon ist nicht obligatorisch, aber wir empfehlen es dennoch dringend.

JavaScript-Leerzeichen

JavaScript ignoriert mehrere Leerzeichen. Sie können Leerzeichen zu dem Skript hinzufügen, um die Lesbarkeit zu verbessern.

Diese beiden Zeilen sind gleich:

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

Es ist eine gute Gewohnheit, neben dem Operator ( = + - * / ) Leerzeichen hinzuzufügen:

var x = y + z;

Länge und Umbruch von JavaScript-Zeilen

Um die beste Lesbarkeit zu erreichen, bevorzugen Programmierer oft, Codezeilen auf 80 Zeichen zu begrenzen.

Wenn JavaScript-Anweisungen zu lang sind, ist der beste Ort für einen Umbruch an einem Operator:

Beispiel

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

Versuchen Sie es selbst

JavaScript-Codeblock

JavaScript-Anweisungen können in Klammern ({...}）in einem Code-Block kombiniert.

Der Zweck des Code-Blocks ist die Definition von zusammenlaufenden Anweisungen.

Sie werden in JavaScript blockweise kombinierte Anweisungen sehen:

Beispiel

function myFunction() {
    document.getElementById("demo").innerHTML = "Hello Kitty.";
    document.getElementById("myDIV").innerHTML = "Wie geht es dir?";
}

Versuchen Sie es selbst

Kommentare:In diesem Tutorial haben wir für Code-Blöcke einen Einzug von 4 Leerzeichen verwendet.

Hinweis:Sie werden später im Tutorial mehr über Funktionen lernen.

JavaScript-Schlüsselwörter

JavaScript-Anweisungen werden oft durch ein Schlüsselwort gekennzeichnet, um anzugeben, welche JavaScript-Aktionen ausgeführt werden sollen.

Die folgende Tabelle listet einige der Schlüsselwörter auf, die im Tutorial gelernt werden.

Schlüsselwort Beschreibung
break Beenden des switch oder des Loops.
continue Verlassen des Loops und Wiederaufnahme am Anfang.
debugger Beenden der Ausführung von JavaScript und Aufruf der Debugging-Funktion (falls verfügbar).
do ... while Ausführung eines Anweisungsblocks und Wiederholung des Codeblocks, solange die Bedingung wahr ist.
for Markierung von Anweisungsblöcken, die ausgeführt werden sollen, solange die Bedingung wahr ist.
function Erklärung von Funktionen.
if ... else Markierung von Anweisungsblöcken, die ausgeführt werden sollen, abhängig von einer Bedingung.
return Verlassen der Funktion.
switch Markierung von Anweisungsblöcken, die ausgeführt werden sollen, abhängig von verschiedenen Situationen.
try ... catch Fehlerbehandlung für Anweisungsblöcke.
var Erklärung von Variablen.

Kommentare:JavaScript-Schlüsselwörter sind reservierte Wörter. Reservierte Wörter können nicht als Variablenname verwendet werden.

Außerunterrichtliche Lektüre

Erweiterte JavaScript-Tutorials: ECMAScript-Syntax