Multi Developer SuHo

자바스크립트 에러 핸들링(Error Handling) 본문

JavaScript

자바스크립트 에러 핸들링(Error Handling)

Dreaming Developer Student 2023. 10. 3. 17:30
SMALL

모든  내용과 소스들은 다음과 같은 강의 플랫폼에서 응용하여  작성하였습니다.
출처: https://inf.run/xNcEg
이번엔  자바스크립트 에서 throw(에러던지는 법) 과 try catch(에러잡는법) 를 알아보겠습니다.

 

[무료] [코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스 - 인프런 | 강의

이 강의 하나만으로 인기 Javascript 프레임워크들과 Typescript를 배울 수 있는 기본을 다질 수 있습니다., 자바스크립트 문법 마스터,9시간 만에 무료로 할 수 있어요! ✨ 자바스크립트 문법,한 강의

www.inflearn.com

 

먼저 소스코드를 보면서 설명해드리겠습니다.

**
 * try...catch
 * 
 * 1) 발생시킬때 -> 던진다고 한다. (throw)
 * 2) 명시적으로 인지할때 -> 잡는다고 한다. (catch)
 * 에러를 던지게 되면 catch 문으로 간다
 */
function player(){
    try{ //실행하고 코드를 try 문안에 삽입
        console.log('Hello');

        throw new Error('큰 오류가 생겼습니다!'); //새로운 Error 객체를 생성
    
        console.log('Java Script');
    }catch(e){ // Error를 던지면 catch문으로 간다
        console.log('---catch---');
        console.log(e);
    } finally { // try 문에서 Error가 나든 안나든 finally 문으로 간다. 써도 되고 안써도 되는 Optional 이다.
        console.log('---finally---');
    }
    
}
player();

 

소스에서 오류가 발생한 구문을  알려주는 문장입니다.

function player(){
    try{ //실행하고 코드를 try 문안에 삽입
        console.log('실행할 문장');

        throw new Error('오류 내용'); //새로운 Error 객체를 생성
    
        console.log('실행할 문장');
    }catch(e){ // Error를 던지면 catch문으로 간다
        console.log('---catch---');
    }
    
}
player();

대체적으로 이렇게 작성합니다 . try 문에 실행할 문장을 넣고  그 밑에 

'throw new  Error ' 라는 키워드를 삽입합니다.  즉 에러를 던진다(발생시키다)는 구문입니다.  그 다음은 catch 문인 에러를 잡는 구문으로 넘어갑니다. 에러가 어디서 발생했는지 알려주는 문장이죠.  마지막으로 'finally' 라는 문장입니다.  finally 문장은 try 문장에서 에러가 나든 안나든 finally 문장으로 넘어간다는 키워드입니다. 써도 되고 안써도 되는 Optional 입니다.

 

위에 소스코드 예시를 출력한 콘솔입니다.  Error 가 난 곳을 알려주고 finally 가 출력되는 것을 볼 수 있습니다. 

다음시간에는 클래스로  넘어가겠습니다.

LIST