JavaScript 사용법 Try...Catch문_기본지식

try...catch의 목적은 코드의 오류를 테스트하는 것입니다.
예제
try...catch 문
try...catch 문 작성 방법.
확인 상자가 있는 try...catch 문
try...catch 문 작성의 또 다른 예입니다. JavaScript - 오류 잡기
인터넷 서핑을 하다 보면 런타임 오류가 포함된 Javascript 경고 상자가 항상 표시되고 "디버깅하시겠습니까?"라는 질문을 받게 됩니다. 이와 같은 오류 메시지는 개발자에게 유용할 수 있지만 반드시 사용자에게는 그렇지는 않습니다. 오류가 발생하면 사이트를 떠나는 경우가 많습니다.
이 섹션에서는 청중에게 더 많은 편의를 제공할 수 있도록 Javascript 오류 메시지를 캡처하고 처리하는 방법을 설명합니다.
웹페이지에서 오류를 잡는 방법에는 두 가지가 있습니다.
try...catch 문을 사용하세요. (IE5, Mozilla 1.0, Netscape 6에서 사용 가능)
onerror 이벤트를 사용하세요. 이것은 오류를 잡는 구식 방법입니다. (Netscape 3 이후 버전에서 사용 가능)
Try...Catch 문
try...catch는 코드의 오류를 테스트할 수 있습니다. try 섹션에는 실행해야 하는 코드가 포함되어 있고, catch 섹션에는 오류가 발생할 때 실행되는 코드가 포함되어 있습니다.
구문:
try
{
//여기서 코드 실행
}
catch(err)
{
//여기서 오류 처리
} 참고: try...catch는 소문자를 사용합니다. 대문자가 잘못됩니다.
예제 1
다음 예는 원래 사용자가 버튼을 클릭할 때 "Welcome guest!" 메시지를 표시하는 데 사용되었습니다. 그러나 message() 함수의 Alert()가 addlert()로 잘못 작성되었습니다. 이때 오류가 발생했습니다:

<input type="button" value="View message" onclick="message()">
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.

]

우리는 오류 발생 시 보다 적절한 조치를 취할 수 있도록 try.. .catch 문을 추가할 수 있습니다.
다음 예에서는 try...catch 문을 사용하여 스크립트를 다시 수정합니다. 경고()를 실수로 작성했기 때문에 오류가 발생했습니다. 그러나 이번에는 catch 섹션이 오류를 포착하고 준비된 코드 조각으로 처리합니다. 이 코드는 사용자에게 무슨 일이 일어났는지 알리기 위해 사용자 정의 오류 메시지를 표시합니다.

<input type="button" value="View message" onclick="message()">
[Ctrl A 모두 선택 참고:

외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.
]
예 2

다음 예는 사용자가 확인 버튼을 클릭하여 웹 페이지 탐색을 계속할지, 아니면 취소 버튼을 클릭하여 오류 발생 시 홈페이지로 돌아갈지 선택할 수 있는 확인 상자를 표시하는 것입니다. 확인 메소드의 반환 값이 false인 경우 코드는 사용자를 다른 페이지로 리디렉션합니다. 확인 메서드의 반환 값이 true이면 코드는 아무 작업도 수행하지 않습니다. <input type="button" value="View message" onclick="message()">

[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ]