Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- 자바스크립트 생성자 함수
- javascript closure
- html 코드
- 자바스크립트 클래스
- 자바스크립트 promise
- 자바스크립트 클로저
- 프론트엔드
- javascript opreators
- css3
- 자바스크립트 연산자
- CSS
- 자바스크립트 프로미스
- 오블완
- 웹 개발 트렌드
- 자바스크립트 실행 컨텍스트
- javascript
- 자바스크립트 스코프
- HTML
- 자바스크립트
- css 포지션
- 자바스크립트 async await
- html 주석
- 자바스크립트 반복문
- 자바스크립트 scope
- 티스토리챌린지
- front-end
- css position
- css display
- javascript opreator
- 자바스크립트 상속
Archives
- Today
- Total
Multi Developer SuHo
자바스크립트 에러 핸들링(Error Handling) 본문
SMALL
모든 내용과 소스들은 다음과 같은 강의 플랫폼에서 응용하여 작성하였습니다.
출처: https://inf.run/xNcEg
이번엔 자바스크립트 에서 throw(에러던지는 법) 과 try catch(에러잡는법) 를 알아보겠습니다.
먼저 소스코드를 보면서 설명해드리겠습니다.
**
* 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
'JavaScript' 카테고리의 다른 글
자바스크립트 Super keyword and Override (0) | 2023.10.29 |
---|---|
자바스크립트 클래스(Class) 정의 (0) | 2023.10.07 |
자바스크립트 Copy by Value VS Copy by Reference + Spread Opreator(...) (0) | 2023.09.20 |
자바스크립트 Array Method(배열 메서드) (0) | 2023.09.13 |
자바스크립트 함수(function) (0) | 2023.09.09 |