[초보 중의 왕초보] 초보 공부를 시작하다7

0

1. 오늘 공부 핵심 키워드

// 알 지 못하는 오류를 가이드 해줄 수 있구나!
// 유저보다는 개발자들 간의 유지보수를 편리하게 해주는 도구 같음
// 콘솔에서 오류를 더 잘 구분할 수 있을 듯

2. 구문 오류와 예외

- 구문오류: syntax error 라고도 하며, 괄호 등의 오타로 인하여 프로그램이 실행전에 나타나는 오류

- 예외: exception 이라고 하거나 런타임 오류라고도 하며, syntax error 즉, 구문오류를 제외한 나머지의 오류들을 지칭함. 실행 후에 나타나는 오류이며, 이 오류를 해결하는 것을 예외처리라고 함.

3.예외처리 고급

- 프로그래밍 언어에서도 예외가 발생하면 예외와 발생된 정보를 확인할 수 있는데, 이러한 것을 확인하게 해주는 것이 예외 객체이다.자바스크립트는 대체적으로 다른 정적인 언어(자바, c, c++ 등)에 비하여 예외가 거의 발생하지 않고, 이는 프로그램에 수많은 버그를 일으키는 요인이 된다.

- 이때 예외를 강제로 발생시킬 때 throw 키워드를 사용한다.

1) 예외 객체

- try catch 구문을 사용할 때 catch의 괄호 안에 입력하는 식별자가 요ㅖ외 객체이다.

try {

} catch(exception -> 예외 객체입니다.){

}
  • 예외 객체는 브라우저마다 조금씩 다르지만 모든 브라우저가 공통적으로 가지고 있는 속성은 'name', 'message'이다.

  • 'name', 'message' 은 아래 예제처럼 사용할 수 있다.

2) 예외 강제 발생

상황에 따라서 예외를 강제로 발생 시켜야 하는 경우도 있음. 이럴 경우 throw 키워드를 사용해 예외를 강제로 발생한다.

throw 문자열 -> 단순하게 예외를 발생시킴

throw new error(문자열) -> 조금 더 자세하게 예외를 발생시킴

  • 콘솔창에서 throw를 사용하면 아래와 같다.
> throw 문자열 
 동그라미x uncaught 문자열

> throw new error(문자열)
 동그라미x uncaught error :문자열
 at 파일 이름 : 줄 번호 
  • throw를 사용한 실제 예제는 아래와 같다.

3. 자바스크립트에서 예외처리를 해야 하는 이유


- 일반적인 프로그래밍언어에서는 위와 같이 존재하지 않는 것을 더하면 예외를 발생시키고 그러면 자신이 잘못 사용했다는 것을 인지할 수 있다.

- 하지만 자바스크립트는 object.a가 undefined로 나오며, object.b도 undefined로 나옴 여기서 object.a와 .b가 undefined이기에 두 개를 더하면 NaN이 출력됨. 그렇기에 위의 코드를 안전하게 사용하기 위해서는 아래와 같이 변화시켜주면 됨.

업로드중..

  • 이렇게 하면 구체적으로 내가 의도한 대로 코드가 동작하고 있는 지 아닌지를 확인할 수 있음.
profile
코딩도 재미있고, 프로덕트 디자인도 재밌습니다.

0개의 댓글