Stil mit {stil}

Feb 2009

Javascript Syntax

Jede Programmiersprache hat eine Syntax – das sind die Regeln, die eine Sprache festlegen. Javascript wird in Klartext in das Dokument geschrieben oder aus einer externen Datei in ein Dokument geladen, vom Browser interpretiert und erzeugt, ändert und löscht HTML-Elemente und ändert CSS-Eigenschaften von Elementen.

Ein Javascript-Programm ist eine Folge aus Anweisungen. Eine einfache Anweisung führt einen Befehl aus, z.B.

sum = a + b;

Eine Anweisung kann auch aus mehreren zusammengefassten Befehlen bestehen:

if (sum == 20) {
   val = true;
}

Wenn eine Gruppe von Anweisungen immer als Ganzes ausgeführt werden soll, wird sie in eine Funktion geschrieben:

function checkSum(a, b) 
{
   var sum = a + b;
   var val = false;
   if (sum == 20) {
      val = true;
   }
   return val;
}

Groß- und Kleinschreibung

Javascript ist eine case-sensitive Sprache, d.h. Groß- und Kleinschreibung machen einen Unterschied. var val; ist eine andere Variable als var Val; und

IF (a == b) {
   ...
}

führt zu einem Fehler im Programm – es muss heißen

if (a == b) {
   ...
}

Gegen diese Fehlerquelle hilft ein Programmeditor mit Syntax-Hightlighting, der die Schüsselwörter der Programmiersprache erkennt und farbig abhebt.

Leerzeichen

Javascript ist ziemlich unempfindlich gegenüber leeren Zeichen und Zeilenumbrüchen. So darf der Code schön arrangiert werden, damit er gut zu lesen ist.

Das Semikolon

Alle Javascript-Anweisungen werden mit einem Semikolon beendet. Bei einem Zeilenumbruch am Ende einer Anweisung versucht Javascript, das Semikolon selber einzufügen, wenn der Programmierer keines gesetzt hat.

Am Ende einer geschweiften Klammer braucht Javascript kein Semikolon.

if (a == b) {
   ... 
};

Ein Semikolon am Ende einer geschweiften Klammer erzeugt eine zusätzliche leere Anweisung. Das ist an und für sich nichts Schlimmes und führt nicht zu einer Fehlermeldung, aber verwendet einen vollen Zyklus, um nichts zu tun.

Kommentare

Kommentare in Javascript sehen aus wie Kommentare in C oder C++, Java oder PHP. Ein einzeiliger Kommentar wird durch einen doppelten Schrägstrich am Anfang der Zeile gekennzeichnet.

// Ich bin ein einzeiliger Kommentar

Ein Kommentar über mehrere Zeilen beginnt mit /* und endet mit */.

/* Ich bin ein Kommentar
über mehrere Zeilen
*/

Literale

Ein Literal ist ein Datenwert, der wörtlich im Programm steht, z.B. die Zeichenkette (string) "Hallo Welt" oder die Zahl 42. String-Literale müssen in Hochkommas gesetzt werden und dabei muss am Anfang der Zeichenkette derselbe Typ von Hochkomma stehen wie am Ende der Zeichenkette. Hochkommas unten und oben (Smartquotes), wie sie von Texteditoren für deutsche Anführungszeichen verwendet werden, sind nicht erlaubt.

Schlüsselwort-Literale wie null oder true werden nicht in Hochkommas gesetzt.

Der Zeichensatz

Ein wenig bekannter Fact ist, dass Javascript-Programme im 16-Bit-Unicode-Zeichensatz geschrieben werden können. Für die englischsprachige Welt ist das selten ein Thema, aber für alle Anderen heißt das, dass "palü" ein valider Name für eine Variable ist.

Das ist im Grunde genommen noch nicht einmal gar so weltbewegend … interessant ist, dass Javascript Umlaute und Sonderzeichen nicht kodieren muss, um sie in ein HTML-Dokument zu setzen.

Voraussetzung ist einfach nur, dass auch das HTML-Dokument im UTF-Zeichensatz geschrieben wird. Dazu reicht schon

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

im HEAD-Element des Dokuments und ein Texteditor, der das Speichern eines Elements im UTF-Zeichensatz erlaubt. Von diesem Moment kann die umständliche Kodierung von Umlauten und Sonderzeichen unterbleiben.