Basic JavaScript syntax

Wenn Sie bereits Erfahrung mit einer der sehr beliebten Programmiersprachen wie C++, Java, C# oder PHP haben, werden Sie wahrscheinlich die JavaScript-Syntax erkennen. Der Grund dafür ist, dass all diese Sprachen entweder vom C-Programmierungsstil abstammen oder stark davon inspiriert sind. Wenn Sie jedoch keine Vorerfahrung mit diesen Sprachen haben oder sogar überhaupt keine Programmiererfahrung haben, erlauben Sie mir, Ihnen eine schnelle Einführung in die Syntax von JavaScript zu geben.

Lassen Sie uns mit einer sehr grundlegenden Regel beginnen, die verwirrend sein kann, wenn Sie komplett neu in der Programmierung sind:

JavaScript ist Groß- und Kleinschreibung beachtend

Das bedeutet, dass a nicht dasselbe ist wie A - lassen Sie mich Ihnen ein Beispiel zeigen:

var a = 42;
alert(A);

Hier deklariere ich eine Variable (mehr dazu später) mit dem Namen a (kleingeschrieben), aber in der nächsten Zeile versuche ich, darauf zuzugreifen, indem ich A (großgeschrieben) verwende. Dies wird fehlschlagen, weil ich nicht die gleiche Groß- und Kleinschreibung verwende.

Statements

Eine Anweisung ist im Grunde eine Codezeile:

alert("Hello, world!");

Beachten Sie, wie ich es mit einem Semikolon beende - dies informiert den Interpreter darüber, dass die Anweisung abgeschlossen ist. Das bedeutet auch, dass eine Anweisung normalerweise aus einer Codezeile besteht, aber nicht zwangsläufig physisch auf einer Zeile enthalten sein muss. Verwenden Sie gerne mehrere Zeilen, solange Sie mit einem Semikolon enden:

var s = "Hello world and welcome to this very long
		piece of text, which uses multiple lines!";

Bitte beachten Sie, dass einige C-ähnliche Programmiersprachen sehr strikt darauf bestehen, dass das abschließende Semikolon erforderlich ist. In JavaScript ist das jedoch tatsächlich nicht der Fall - der Interpreter wird versuchen zu erraten, ob Ihre Anweisung endet, wenn ein Zeilenumbruch erreicht wird, und dies wird in vielen Fällen funktionieren. Hier ist ein Beispiel:

var s = "Hello, world"
var n = 42

Manchmal wird der Interpreter jedoch Ihre Absichten nicht verstehen, wenn die Codezeile komplexer ist, und dann müssen Sie trotzdem das Semikolon hinzufügen. Aus diesem Grund empfehlen JavaScript-Code-Richtlinien im Allgemeinen, dass Sie immer das abschließende Semikolon verwenden - auf diese Weise vergessen Sie es nicht, wenn es tatsächlich wichtig ist. Es ermöglicht Ihnen auch, später zu einer strikteren Programmiersprache zu wechseln, ohne neue Gewohnheiten lernen zu müssen.

Blöcke

Bei der Verwendung von Kontrollstrukturen wie IF-Anweisungen und Schleifen müssen Sie steuern, welche Zeile(n) des Codes einbezogen werden. Standardmäßig geht JavaScript davon aus, dass nur die nächste Zeile Teil Ihrer Kontrollstruktur ist. Beispiel:

var b = false;
if(b == true)
	alert("This will not happen...");

alert("This WILL happen!");

Wenn Sie es ausführen, werden Sie feststellen, dass nur das zweite alert() ausgelöst wird. Der Grund dafür ist, dass die if()-Anweisung niemals wahr ist (wir haben dafür gesorgt), daher wird die folgende Zeile nie erreicht. Wenn Sie jedoch mehr als eine Codezeile innerhalb der if-Anweisung enthalten müssen, müssen Sie einen Block erstellen. Wir verwenden geschweifte Klammern, um die Zeilen des Codes zu umschließen, die von dieser bestimmten if-Anweisung betroffen sein sollen:

var b = false;
if(b == true)
{
	alert("This will not happen...");
	alert("This won't happen either...");	
}

alert("This WILL happen!");

Beachten Sie, wie in diesem Beispiel sowie im obigen Beispiel die nächste Zeile nach der if-Anweisung eingerückt ist (erstes Beispiel), sowie innerhalb des Blocks (zweites Beispiel). Dies ist nicht erforderlich, aber die meisten Programmierer werden es tun, weil es den Code lesbarer macht. Sie können eine Zeile oder sogar mehrere Zeilen einrücken, indem Sie die Tabulatortaste auf Ihrer Tastatur verwenden. Und wenn Sie einen Block innerhalb eines Blocks (und so weiter) haben, sollten Sie ihn entsprechend einrücken - eine Einrückung pro Block, wie folgt:

let a = 1, b = 2, c = 3;
if(a == 1)
{
	if(b == 2)	
	{
		if(c == 3)	
			document.write("ok!");
	}
}

Blöcke werden in JavaScript häufig verwendet, z. B. für Kontrollstrukturen wie im obigen Beispiel, aber auch beim Definieren von Funktionen. Mehr dazu später.

Kommentare

Standardmäßig wird alles, was Sie in Ihrem JavaScript-Code schreiben, mit Ausnahme von Leerzeichen, interpretiert und muss daher gültiger JavaScript-Code sein. Manchmal müssen Sie jedoch einen Kommentar hinterlassen, entweder für sich selbst oder für Ihr Team. Glücklicherweise ermöglicht es JavaScript Ihnen, dies sehr einfach zu tun. Wenn der Interpreter auf zwei Schrägstriche trifft, wird der Rest der Zeile ignoriert:

// This line is a comment

Sie können dies auch in derselben Zeile wie eine Anweisung tun, solange Sie sich daran erinnern, dass nach den beiden Schrägstrichen der Rest vom Interpreter ignoriert wird:

alert("Hello!"); // The rest of this line is a comment

Sie können mehrere Zeilen von Kommentaren hintereinander haben:

// This line is a comment
// ...so is this one

Aber wenn Sie viele Zeilen Kommentare benötigen und nicht jede mit den zwei Schrägstrichen versehen möchten, können Sie die Syntax für mehrzeilige Kommentare verwenden. Sie beginnt mit einem Schrägstrich, gefolgt von einem Asterisk (*). Danach wird alles als Kommentar betrachtet, bis Sie den Kommentarmodus durch Verwendung derselben Notation, jedoch in umgekehrter Reihenfolge (also zuerst Asterisk, dann Schrägstrich), beenden. Hier ist ein Beispiel:

/*
	All of these lines are comments 
	and you can write whatever you want,
	formatted however you want it!
*/

Wechseln Sie einfach zwischen diesen beiden Arten von Kommentaren, wie Sie möchten.

Zusammenfassung:

Das war eine kurze Einführung in die Syntax von JavaScript, die Ihnen hoffentlich beim Verständnis der Beispiele im Rest dieses Tutorials hilft. Natürlich gibt es noch mehr Syntax zu lernen, aber wir werden diese Teile unterwegs erkunden, wenn wir die verschiedenen Aspekte der Sprache einführen.