Elm als JavaScript-Alternative

Anders als in JavaScript lassen sich mit Elm Webseiten und Anwendungen ohne Laufzeitfehler erstellen. Garantiert wird das durch den Compiler.

Von Gerhard Völkl

Die für die Webentwicklung konzipierte funktionale Programmiersprache Elm lässt sich überall dort verwenden, wo auch JavaScript zum Einsatz kommt. Der Elm-Compiler erzeugt aus dem Quellcode lauffähiges JavaScript, das sich in Webseiten einbinden lässt (Listing 1), außerdem HTML und CSS (Abbildung 1). Damit keine Laufzeitfehler entstehen, nutzt Elm definierte Schnittstellen zur Außenwelt und zu JavaScript. Der Artikel gibt eine Übersicht darüber, wie Elm-Code und JavaScript zusammenspielen und miteinander kommunizieren.

Das vom Elm-Compiler erzeugte JavaScript lässt sich unkompliziert in Webprojekte integrieren (Abb. 1).

Listing 1: Webseite mit kompiliertem Elm-Programm

<!DOCTYPE html>
<html>
    <head>
    </head>

    <body>
        <div id="elm-app-is-loaded-here"></div>
        <script src="elm.js"></script>

        <script>
            var app = Elm.Minimal.init({
            node: document.getElementById("elm-app-is-loaded-here")
            });
        </script>
    </body>
</html>

Bekannter als die Sprache Elm selbst ist das nach ihr benannte Architekturkonzept, das in unterschiedlichsten APIs Verwendung findet. Die zugrunde liegende Struktur besteht aus drei Teilen: Model, View und Update (siehe Kasten „Die Elm-Architektur“).