Boeken
Elm
Hoofdstuk 9. Testen en Debuggen
Een debugger gebruiken

Elm:
Een debugger gebruiken

Hoe te:

Elm heeft niet een ingebouwde debugger in de traditionele zin zoals JavaScript dat bijvoorbeeld heeft met browserontwikkelaarstools. Echter, de Elm-gemeenschap heeft tools ontwikkeld om dit gat op te vullen. Hier is hoe je elm-debug-transformer kunt gebruiken om je Elm-app te debuggen:

-- Installeer elm-debug-transformer (Node-pakket)

1. npm install -g elm-debug-transformer

-- Gebruik elm-debug-transformer om je app te starten

2. elm-debug-transformer --port=8000 jouwHoofdElmBestand.elm

Eenmaal draaiende, maakt elm-debug-transformer een WebSocket-verbinding aan voor het loggen. Je zult debuginformatie zien in de console van je browser waar je de datastructuren van je programma kunt inspecteren op gegeven punten in je applicatie.

In Elm 0.19 en later kunnen de functies van het Debug-module, zoals Debug.log en Debug.todo, je helpen met het traceren van waarden en het bewust markeren van onafgemaakte delen van je code. Hier is hoe je Debug.log gebruikt:

import Debug

update : Msg -> Model -> ( Model, Cmd Msg )
update msg model =
    case msg of
        Increment ->
            ( Debug.log "Verhogend" { model | count = model.count + 1 }, Cmd.none )

        Decrement ->
            ( Debug.log "Verlagend" { model | count = model.count - 1 }, Cmd.none )

Je zult “Verhogend” of “Verlagend” berichten zien in de console van je browser samen met de nieuwe staat van het model.

Diepere Duik

Evan Czaplicki, de maker van Elm, wilde een taal maken waarin gangbare bugs onmogelijk of makkelijk te vangen zouden zijn. Deze filosofie is waarom Elm’s kern geen traditionele debugfuncties bevat. Elm’s statische analyse en type-inferentie dragen enorm bij aan het verminderen van runtime fouten, wat de behoefte aan geavanceerde runtime debugging vermindert. Historische alternatieven omvatten het gebruik van het nu verouderde elm-reactor, dat time-travel debugging bood – een manier om acties in je app terug te spoelen en opnieuw af te spelen.

Vandaag de dag helpen tools zoals elm-debug-transformer en het gebruik van Elm’s Debug-module de kloof te overbruggen. Terwijl het Debug-module bedoeld is voor gebruik tijdens ontwikkeling alleen en moet worden verwijderd voor productiebuilds, is het een onschatbare tool voor het precies lokaliseren en loggen van staatveranderingen.

Houdt in gedachten dat traditionele JavaScript debugging-technieken, zoals breakpoints of stap-voor-stap uitvoering, niet direct toepasbaar zijn in Elm vanwege zijn architectuur en de Elm-runtime die statusupdates afhandelt. Elm moedigt je aan je programma te structureren zodat de datastroom duidelijk is en volgt strikte types en onveranderlijkheidsgaranties, wat het aantal gevallen waarin debugging nodig is minimaliseert.

Zie Ook

Het gebruik van een interactieve shell (REPL)Tests Schrijven