Syntaxdiagramm: Unterschied zwischen den Versionen

Aktuelle Version vom 21. November 2021, 12:53 Uhr

Syntaxdiagramme stellen die Syntax einer Programmiersprache schematisch dar. Sie heißen auch Eisenbahn-Diagramm (engl. Railroad-Diagram), da sie an die Schienen einer Eisenbahn erinnern.

Man kann sie lesen, indem man sich vorstellt, ein Zug fährt vom Anfang des Diagramms immer in Pfeilrichtung durch das Diagramm. Jeder mögliche Weg, den der Zug bis zum Ende nehmen kann, stellt eine gültige Syntax in der Programmiersprache dar.

Syntaxdiagramme bestehen aus zwei Arten von Symbolen:

Terminale: Dies sind konkrete Zeichen, die in den Quelltext eines Programms geschrieben werden. Also die Symbole, aus denen ein Programm besteht.
Nichtterminal: Dies sind Platzhalter für Syntaxelemente, die an einer anderen Stelle durch ein eigenes Syntaxdiagramm beschrieben sind. Kommt der "Zug" zum Beispiel an ein Nichtterminal mit dem Bezeichner "logischer Ausdruck", dann muss man das Syntaxdiagramm zu "logischer Ausdruck" finden und zunächst dort "weiterfahren", bevor man wieder im ursprünglichen Syntaxdiagramm weitermacht.

Hier ist zum Beispiel das Syntaxdiagramm einer Bedingten Anweisung in der Programmiersprache Java. Darunter sind mögliche Wege durch das Diagramm in rot abgebildet und daneben der entsprechende Java-Quelltext.

Syntaxdiagramm zur Bedingten Anweisung in Java.

if( /* Bedingung */ ) {
    // Anweisungen
}

if( /* Bedingung */ ) {
    // Anweisungen
} else {
    // Anweisungen
}

if( /* Bedingung */ ) {
    // Anweisungen
} else if( /* Bedingung */ ) {
    // Anweisungen
} else if( /* Bedingung */ ) {
    // Anweisungen
}

Visualisierung zum Lesen eines Syntaxdiagramms.

@@ Zeile 1: / Zeile 1: @@
-Syntaxdiagramme sind eine Darstellungsform, um die Syntax einer Programmiersprache schematisch darzustellen. Sie heißen auch ''Schienen-Diagramm'' (engl. ''Railroad-Diagram''), da sie an die Scheinen einer Eisenbahn erinnern.
+''Syntaxdiagramme'' stellen die ''Syntax einer Programmiersprache'' schematisch dar. Sie heißen auch ''Eisenbahn-Diagramm'' (engl. ''Railroad-Diagram''), da sie an die Schienen einer Eisenbahn erinnern.
 Man kann sie lesen, indem man sich vorstellt, ein Zug fährt vom Anfang des Diagramms immer in Pfeilrichtung durch das Diagramm. Jeder mögliche Weg, den der Zug bis zum Ende nehmen kann, stellt eine ''gültige'' Syntax in der Programmiersprache dar.
 Syntaxdiagramme bestehen aus zwei Arten von Symbolen:
-<dl>
-<dt>Terminale</dt>
-<dd>Dies sind konkrete ''Zeichen'', die in den Quelltext eines Programms geschrieben werden.</dd>
-<dt>Nichtterminal</dt>
-<dd>Dies sind Platzhalter für Syntaxelemente, die an einer anderen Stelle durch ein eigenes Syntaxdiagramm beschrieben sind. Kommt der "Zug" zum Beispiel an ein Nichtterminal mit dem Bezeichner "logischer Ausdruck", dann muss man das Syntaxdiagramm zu "logischer Ausdruck" finden und zunächst dort "weiterfahren", bevor man wieder im ursprünglichen Syntaxdiagramm weitermacht.</dd>
-</dl>
-Hier ist zum Beispiel eine [[Bedingte Anweisung]] in der Programmiersprache [[Java]]. Darunter sind mögliche Wege durch das Diagramm in rot abgebildet und daneben der entsprechende Java-Quelltext.
+; Terminale
+: Dies sind konkrete ''Zeichen'', die in den Quelltext eines Programms geschrieben werden. Also die Symbole, aus denen ein Programm besteht.
+; Nichtterminal
+: Dies sind Platzhalter für Syntaxelemente, die an einer anderen Stelle durch ein eigenes Syntaxdiagramm beschrieben sind. Kommt der "Zug" zum Beispiel an ein Nichtterminal mit dem Bezeichner "logischer Ausdruck", dann muss man das Syntaxdiagramm zu "logischer Ausdruck" finden und zunächst dort "weiterfahren", bevor man wieder im ursprünglichen Syntaxdiagramm weitermacht.
-[[Bild:Java-Syntax-Ifelseif.png|600px|center]]
+Hier ist zum Beispiel das Syntaxdiagramm einer ''Bedingten Anweisung'' in der Programmiersprache {{Java}}. Darunter sind mögliche Wege durch das Diagramm in rot abgebildet und daneben der entsprechende Java-Quelltext.
+[[Bild:Java-Syntax-Ifelseif.png|600px|center|Syntaxdiagramm zur Bedingten Anweisung in {{Java}}.]]
@@ Zeile 44: / Zeile 43: @@
 </syntaxhighlight>
 |}
+[[Bild:Syntaxdi ifelse.gif|center|frame|Visualisierung zum Lesen eines Syntaxdiagramms.]]

Syntaxdiagramm: Unterschied zwischen den Versionen

Aktuelle Version vom 21. November 2021, 12:53 Uhr

Navigationsmenü

Suche