JavaScript-Anweisungen


Inhaltsverzeichnis

    Inhaltsverzeichnis anzeigen


Beispiel

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>

JavaScript-Programme

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

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

Beispiel

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 ;

Semikolons trennen JavaScript-Anweisungen.

Fügen Sie am Ende jeder ausführbaren Anweisung ein Semikolon hinzu:

Beispiele

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

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;

JavaScript-Zeilenlänge und Zeilenumbrüche

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:

Beispiel

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-Codeblöcke

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:

Beispiel

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-Schlüsselwörter

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:

var

Deklariert eine Variable

let

Deklariert eine Blockvariable

const

Deklariert eine Blockkonstante

if

Markiert einen Block von Anweisungen, die unter einer Bedingung ausgeführt werden sollen

switch

Markiert einen Block von Anweisungen, die in verschiedenen Fällen ausgeführt werden sollen

for

Markiert einen Anweisungsblock, der in einer Schleife ausgeführt werden soll

function

Deklariert eine Funktion

return

Beendet eine Funktion

try

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.