본문 바로가기
프로그래밍/JavaScript

JavaScript 런타임 에러 제어 Try Catch

by zoo10 2013. 1. 4.

Try...Catch Statement


JavaScript - Catching Errors


에러메시지는 개발자에게는 필요하지만 사용자에게는 필요하지 않다. 사용자가 에러메시지를 보게 된다면 웹 페이지를 떠나갈 확률이 높아지게 된다. 즉, 에러메시지 처리를 잘하여 당신에게 온 방문자를 잃지 않아야 한다.

개발중에 개발자는 에러테스트를 진행한다. 디버깅 작업을 통해 모든 에러를 잡았다고 생각하지만 미쳐 생각치 못한 곳에서 실행중 오류(runtime error)가 발생하곤 한다. 그런 경우 의도치 않게 그 이외의 작업이 모두 멈추게 되는 것을 막기 위해 이 구문을 사용해야 한다.

The try...catch Statement


try 문에는 개발자가 실행시키고 싶은 일반 코드를 작성한다. 만약 코드가 실행중에 에러가 났다면 catch 문으로 실행이 넘어가게 된다. catch 블럭안에서 에러 처리를 하는 것이다.

try
  {
  //Run some code here
  }
catch(err)
  {
  //Handle errors here
  } 

아래 예제는 welcome home 이라는 알림창을 띄우는 코드이지만 철자가 잘못되어 있다. 아래 구문이 어떻게 동작하는지 눈여겨 보기 바란다.

<!DOCTYPE html>
<html>
<head>
<script>
var txt="";
function message()
{
try
  {
  adddlert("Welcome guest!");
  }
catch(err)
  {
  txt="There was an error on this page.\n\n";
  txt+="Error description: " + err.message + "\n\n";
  txt+="Click OK to continue.\n\n";
  alert(txt);
  }
}
</script>
</head>

<body>
<input type="button" value="View message" onclick="message()" />
</body>

</html> 

'프로그래밍 > JavaScript' 카테고리의 다른 글

JavaScript 논리 객체, boolean  (0) 2013.01.05
JavaScript 문자열 객체  (1) 2013.01.04
JavaScript 반복문 For  (0) 2013.01.04
JavaScript 에러 던지기 Throw  (0) 2013.01.04
JavaScript 이벤트  (0) 2013.01.04
JavaScript 반복문 For .. in  (0) 2013.01.04
JavaScript 반복문 중단하기  (0) 2013.01.04
JavaScript 반복문 While  (0) 2013.01.04