자바스크립트에서의 예외 처리

예외를 처리하기 위해서는 try-catch 구문을 사용합니다. 구문의 구조는 다음과 같습니다:

try {
	// 코드
} catch (error) {
	// 오류 처리
}

try 블록 안에는 예외가 발생할 수 있는 코드를 배치합니다. 만약 이 코드를 실행하는 동안 예외 상황이 발생하면, 우리의 스크립트는 콘솔에 오류를 내며 중단되지 않고, catch 블록의 코드 실행을 시작합니다.

이 블록에서 우리는 오류에 대해 적절한 방식으로 대응해야 합니다. 예를 들어, 인터넷을 통해 어떤 데이터를 전송하려 했는데 인터넷이 작동하지 않는다면, catch 블록에서 상황을 처리할 수 있습니다: 예를 들어, 사용자에게 메시지를 표시하거나, 잠시 후에 데이터 전송을 다시 시도할 수 있습니다 - 어쩌면 인터넷이 다시 작동했을 수도 있으니까요.

반면, try 블록을 실행하는 동안 어떤 예외 상황도 발생하지 않았다면, 유용한 코드는 그대로 실행되고, catch 블록의 코드는 실행되지 않습니다.

예를 들어, JSON을 파싱해 보고 형식이 올바르지 않을 경우 화면에 메시지를 출력해 보겠습니다:

try {
	let data = JSON.parse('{1,2,3,4,5}');
} catch (error) {
	alert('JSON 파싱 작업을 수행할 수 없습니다');
}

로컬 스토리지에 특정 문자열을 기록하는 코드가 주어졌습니다:

let str = '어떤 문자열';
localStorage.setItem('key', str);

이 코드를 try-catch 구문으로 감싸십시오. catch 블록에서 스토리지 오버플로우에 대한 메시지를 출력하십시오. 5 MB 미만의 문자열과 그보다 큰 문자열에 대해 여러분의 코드가 작동하는지 확인하십시오.

내부에 배열이 저장된 JSON이 주어졌습니다. 이 JSON이 올바르다면, 배열 요소들을 ul 목록 형태로 출력하십시오. JSON이 올바르지 않다면, 페이지에 오류가 발생했다는 메시지를 출력하십시오.