let x, y, z; // Statement 1
x = 5; // Statement 2
y = 6; // Statement 3
z = x + y; // Statement 4
Probieren Sie es selbst aus →
<!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>
Ein Computerprogramm ist eine Liste von „Anweisungen“. von einem Computer „ausgeführt“.
In einer Programmiersprache werden diese Programmieranweisungen Anweisungen genannt.
Ein JavaScript-Programm ist eine Liste von Programmier-Anweisungen.
In HTML werden JavaScript-Programme vom Webbrowser ausgeführt.
JavaScript-Anweisungen bestehen aus:
Werte, Operatoren, Ausdrücke, Schlüsselwörter, und Kommentare.
Diese Anweisung weist den Browser an, „Hello Dolly“ zu schreiben. innerhalb eines HTML-Elements mit id="demo":
document.getElementById("demo").innerHTML = "Hello Dolly.";
Probieren Sie es selbst aus →
<!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>
Das meiste JavaScript Programme enthalten viele JavaScript-Anweisungen.
Die Anweisungen werden nacheinander ausgeführt in der gleichen Reihenfolge wie sie geschrieben sind.
JavaScript-Programme (und JavaScript-Anweisungen) werden oft als JavaScript-Code bezeichnet.
Semikolons trennen JavaScript-Anweisungen.
Fügen Sie am Ende jeder ausführbaren Anweisung ein Semikolon hinzu:
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
Probieren Sie es selbst aus →
<!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>
Bei Trennung durch Semikolons sind mehrere Anweisungen in einer Zeile zulässig:
a = 5; b = 6; c = a + b;
Probieren Sie es selbst aus →
<!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>
Im Internet finden Sie möglicherweise Beispiele ohne Semikolons.
Das Beenden von Anweisungen mit einem Semikolon ist nicht erforderlich, wird jedoch dringend empfohlen.
JavaScript ignoriert mehrere Leerzeichen. Sie können Ihrem Skript Leerzeichen hinzufügen, um es besser lesbar zu machen.
Die folgenden Zeilen sind äquivalent:
let person = "Hege";
let person="Hege";
Eine gute Vorgehensweise besteht darin, Leerzeichen um Operatoren (=+ - */) zu setzen:
let x = y + z;
Für eine optimale Lesbarkeit vermeiden Programmierer häufig Codezeilen, die länger als 80 sind Figuren.
Wenn eine JavaScript-Anweisung nicht in eine Zeile passt, ist dies die beste Stelle zum Umbrechen es steht nach einem Operator:
document.getElementById("demo").innerHTML =
"Hello Dolly!";
Probieren Sie es selbst aus →
<!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-Anweisungen können innerhalb von Curly in Codeblöcken gruppiert werden Klammern {...}.
Der Zweck von Codeblöcken besteht darin, Anweisungen zu definieren, die gemeinsam ausgeführt werden sollen.
Eine Stelle, an der Sie in Blöcken gruppierte Anweisungen finden, ist in JavaScript-Funktionen:
function myFunction() {
document.getElementById("demo1").innerHTML = "Hello Dolly!";
document.getElementById("demo2").innerHTML = "How are you?";
}
Probieren Sie es selbst aus →
<!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>
In diesem Tutorial verwenden wir zwei Einrückungsräume für Codeblöcke.
Mehr über Funktionen erfahren Sie später in diesem Tutorial.
JavaScript-Anweisungen beginnen oft mit einem Schlüsselwort um die auszuführende JavaScript-Aktion zu identifizieren.
Unsere Reserved Words-Referenz listet alle JavaScript-Schlüsselwörter auf.
Hier ist eine Liste einiger Schlüsselwörter, die Sie hier kennenlernen werden dieses Tutorial:
Deklariert eine Variable
Deklariert eine Blockvariable
Deklariert eine Blockkonstante
Markiert einen Block von Anweisungen, die unter einer Bedingung ausgeführt werden sollen
Markiert einen Block von Anweisungen, die in verschiedenen Fällen ausgeführt werden sollen
Markiert einen Anweisungsblock, der in einer Schleife ausgeführt werden soll
Deklariert eine Funktion
Beendet eine Funktion
Implementiert die Fehlerbehandlung für einen Anweisungsblock
JavaScript-Schlüsselwörter sind reservierte Wörter. Reservierte Wörter können nicht als Namen für Variablen verwendet werden.