UI/Javascript

JavaScript 오류

Soo_Parkle 2023. 11. 15. 17:51

JavaScript 오류


1. JavaScript는 오류가 발생하면 일반적으로 중지되고 오류 메시지 생성
2. 기술 용어 : JavaScript will throw an exception(thorw an error)
3. name & message 속성을 가진 Error 객체 생성
- 이름 : 오류 이름을 설정하거나 반환
- 메세지 : 오류 메시지(문자열)를 설정하거나 반환

 

 

오류 유형

1. ReferenceError(잘못된 참조) : 선언되지 않는 변수를 사용(참조)하는 경우 발생
let x = 5;
x= y+1;


2. SyntaxError(구문 오류) : 구문 오류가 있는 코드를 평가하려고 할때 발생
eval("alert('Hello')")


3. TypeError(유형 오류) : 예상 유형 범위를 벗어난 값을 사용하면 발생
let num =1;
num.toUpperCase( );

 

 

오류 처리

1. try : 실행할 코드 블록 정의
2. catch : 오류 처리할 코드 블록 정의. (try문과 사용)

try{
  실행할 문장
}
catch(err){
오류시 실행할 문장
}

 

3. Throw : 사용자 정의 오류
try{
  실행할 문장
  if(condition) throw "Error Message!";
}
catch(err){
오류시 실행할 문장
}


try{
  실행할 문장
  if(condition) throw "Error Message!";
  if(condition) throw "Error Message!";
  if(condition) throw "Error Message!";
}
catch(err){
  오류시 실행할 문장console.log(err);
}

 

콜백 함수

1. 다른 함수에 인수로 전달되는 함수
2. (해당)함수가 완료된 후 콜백함수가 실행  
  예시 ) _____.fadeOut(2000, function ( ) =>{  }


function dsp)get_rtn){
  var dsp = document.getElementById("display");
  dsp .innerHTML = get_rtn;
}

function calcFunc(num1, num2){
  var rst = num1 + num2 ;
  dspFunc(rst)
}

let rtn_val = calcFunc(10, 5)