Opvangen van uitzonderingen in JavaScript

Voor het opvangen van uitzonderingen wordt de constructie try-catch gebruikt. Deze heeft de volgende syntaxis:

try {
	// code
} catch (error) {
	// foutafhandeling
}

In het try blok moet je code plaatsen die een uitzondering kan bevatten. Als er tijdens de uitvoering van deze code een uitzonderingssituatie optreedt, zal ons script niet crashen met een fout in de console, maar zal de code van het catch blok worden uitgevoerd.

In dit blok moeten we op een adequate manier reageren op de fout. Bijvoorbeeld, als we gegevens via internet wilden versturen en internet werkt niet, kunnen we in het catch blok de situatie oplossen: we kunnen bijvoorbeeld een bericht tonen aan de gebruiker, of na enige tijd proberen de gegevens opnieuw te versturen - misschien werkt internet dan weer.

Als tijdens de uitvoering van het try blok geen uitzonderingssituaties optreden, dan wordt de nuttige code eenvoudig uitgevoerd, en de code uit het catch blok niet.

Laten we als voorbeeld proberen JSON te parseren en bij ongeldigheid een bericht tonen:

try {
	let data = JSON.parse('{1,2,3,4,5}');
} catch (error) {
	alert('Kan JSON-parseerbewerking niet uitvoeren');
}

Gegeven is code die een bepaalde string opslaat in de lokale opslag:

let str = 'een bepaalde string';
localStorage.setItem('key', str);

Wrap deze code in de constructie try-catch. Toon in het catch blok een bericht over opslagoverloop. Controleer de werking van je code voor een string kleiner dan 5 MB en voor een string groter dan dat.

Er is JSON gegeven, waarin een array is opgeslagen. Als deze JSON geldig is, toon dan de elementen van de array als een ul lijst. Als de JSON ongeldig is, toon dan een bericht dat er een fout is opgetreden op de pagina.