javascript / beginner
Snippet
Validieren numerischer Wertebereiche mit Guard-Clauses
Guard-Clauses nutzen bedingte Anweisungen, um eine Funktion bei verletzten Eingabekriterien vorzeitig zu beenden. Dieses Muster vermeidet verschachtelte Verzweigungen und stellt sicher, dass nachfolgende Berechnungen nur mit validen Zahlen ausgeführt werden.
snippet.js
javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script>let score = 0;let validationMessage = '';function evaluateScore(value) {if (Number.isNaN(value) || value < 0 || value > 100) {validationMessage = 'Score must be a number between 0 and 100.';return;}validationMessage = value >= 50 ? 'Passed exam' : 'Failed exam';}</script><input type="number" bind:value={score} on:input={() => evaluateScore(score)} /><p>{validationMessage}</p>
svelte
Erklärung
1
if (Number.isNaN(value) || value < 0 || value > 100) {
Prüft auf ungültige Zahlen sowie Werte außerhalb des erlaubten Bereichs von 0 bis 100.
2
return;
Beendet die Funktion sofort, um die Ausführung nachfolgender Bewertungslogik zu verhindern.
3
validationMessage = value >= 50 ? 'Passed exam' : 'Failed exam';
Bewertet die validierte Punktzahl mithilfe eines ternären Operators.