Erstellen Sie Ihre eigene Programmiersprache: DSL in JavaScript

Was wäre, wenn Sie Ihre eigene Sprache erfinden könnten?

Stellen Sie sich vor: Sie schreiben Code, der sich wie normaler englischer Text liest. Keine überflüssigen Klammern, keine for und if, nur klare, verständliche Anweisungen. Klingt nach Science-Fiction? Ist es aber nicht. Das ist ein DSL (Domain-Specific Language) – eine domänenspezifische Sprache, die für eine bestimmte Aufgabe entwickelt wurde.

Auf PythonLib sprechen wir oft darüber, wie man Code sauberer und ausdrucksstärker macht. Heute gehen wir einen unerwarteten Weg: Wir nehmen JavaScript und verwandeln es in ein Werkzeug zur Erstellung eigener Minisprachen. Warum? Damit Ihre Konfigurationen kein „Durcheinander“ mehr sind und Ihre Geschäftslogik wie Musik klingt.

Bereit, ein Linguist in der Programmierwelt zu werden? Los geht's!

DSL: Was ist das und wozu brauchen Sie es?

DSL (domänenspezifische Sprache) ist eine Programmiersprache (oder eine syntaktische Erweiterung davon), die zur Lösung von Aufgaben aus einem bestimmten Bereich entwickelt wurde. Im Gegensatz zu universellen Sprachen (C++, Python, Java) versucht DSL nicht, das Unfassbare zu umfassen. Seine Aufgabe ist es, in seiner Nische maximal ausdrucksstark zu sein.

Beispiele aus der Praxis:

\n
• SQL – Sprache für die Arbeit mit Datenbanken.
\n
• HTML – Auszeichnungssprache für Webseiten.
\n
• Regex – Sprache für die Mustersuche.
\n
• Makefile – Sprache zur Beschreibung von Projekt-Builds.
\n

Und jetzt stellen Sie sich vor, Sie könnten eine ebenso praktische Sprache für Ihre Aufgabe erstellen: zur Beschreibung von Geschäftsregeln, zur Konfiguration von Bots, zum Erstellen komplexer API-Abfragen. DSL-Erstellung in JavaScript ist eine Superkraft, die Code selbstdokumentierend macht und die Einstiegshürde für neue Entwickler senkt.

Interne und externe DSL: Zwei Wege zum gleichen Ziel

Interner DSL (Embedded DSL)

Dies ist ein Overlay über einer bestehenden Sprache. Sie verwenden die JavaScript-Syntax, bauen daraus aber die „Bausteine“ einer neuen Sprache. Das bekannteste Beispiel ist die Fluent API (Methodenverkettung).

Vorteile: Sie müssen keinen Parser schreiben, Sie nutzen alle Möglichkeiten der Host-Sprache (Debugging, Typen, Tools).
\nNachteile: Sie sind durch die JavaScript-Syntax eingeschränkt (keine neuen Operatoren).

Externer DSL

Sie erfinden Ihre eigene Syntax von Grund auf und schreiben dann einen Parser (oder Compiler), der sie in JavaScript umwandelt.

Vorteile: Völlige syntaktische Freiheit, Sie können eine sehr prägnante Sprache erstellen.
\nNachteile: Sie müssen einen Parser schreiben und warten, das Debugging ist schwieriger.

Für die meisten Projekte beginnt DSL in JavaScript mit dem internen Ansatz – er ist einfacher und kann noch heute implementiert werden.

Unser erstes DSL schreiben: Von der Konfiguration zur Poesie

Lassen Sie uns ein internes DSL zur Beschreibung von Routen in einer Webanwendung erstellen. Anstatt zu schreiben:

const routes = [\n    { path: '/users', handler: usersHandler, method: 'GET' },\n    { path: '/users/:id', handler: userById, method: 'GET' },\n    { path: '/users', handler: createUser, method: 'POST' }\n];

Möchten wir so schreiben:

const router = new Router();\nrouter\n    .get('/users', usersHandler)\n    .get('/users/:id', userById)\n    .post('/users', createUser);

Schon besser, oder? Aber das ist erst der Anfang. Ein echtes DSL muss noch ausdrucksstärker sein.

Schritt 1: Fluent API (Methodenverkettung)

Der einfachste Weg, eine domänenspezifische Sprache zu erstellen, besteht darin, this aus jeder Methode zurückzugeben.

class Router {\n    constructor() {\n        this.routes = [];\n    }\n\n    get(path, handler) {\n        this.routes.push({ path, handler, method: 'GET' });\n        return this; // Schlüssel zur Verkettung\n    }\n\n    post(path, handler) {\n        this.route