kramann.info
© Guido Kramann

Javascript - Beispiel 1 - Fehlerbehandlung

(EN google-translate)

(PL google-translate)

Da wir uns mit fehlertoleranter Softwareentwicklung beschäftigen, gilt unser besonderes Augenmerk in Javascript für Konstrukte, die mit Fehlern umgehen.

Hierzu bietet Javascript (wie auch Java) die Möglichkeit try-catch-Blöcke einzuführen und für selbst geschriebene Funktionen zu definieren, unter welchen Umständen diese Fehler auswerfen.

Im nachfolgenden Beispiel wirft die Funktion setzeName(..) dann einen Fehler aus, wenn der übergebene Name mehr als acht Zeichen lang ist. Tritt dieser Fall auf, so erscheint ein Alert-Fenster in dem der aufgetretene Fehler abgelesen werden kann.

GEMERKT:

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <meta name="author" 		content="Guido Kramann" />
	<meta name="Publisher"          content="Guido Kramann" />
	<meta name="Copyright"          content="Guido Kramann" />
	<meta name="Description" 	content="Projekte von Guido Kramann" />

        <script language:javascript>
            var name = "12345678";
            
            function setzeName(text)
            {
                if(text.length>8)
                    throw new Error('Eingabe ist zu lang');
                else
                    name = text;
            }

            function verarbeiten()
            {
                var text = document.getElementById("eingabe").value;

                try
                {
                    setzeName(text);
                }
                catch(error)
                {
                    alert(error.message);
                    //alert(error.name);
                }

                document.getElementById("gemerkt").innerHTML = name;
            }
        </script>
    </head>
    <body>
        <form>
            <input type="text" value="" id="eingabe"/>
            <input type="button" onClick="javascript:verarbeiten()" value="eintragen"/>
        </form>
        <br/>
        <h1>GEMERKT:</h1><h1 id="gemerkt"></h1>
        <footer>
          <small>© 2016 by Guido Kramann, Potsdam Germany</small>
        </footer>
    </body>
</html>

Code 0-1: Quelltext zu obigem Beispiel