에러 처리 & 디버깅

try {   
    let x = y + 2;
    // m, n 변수를 선언하지 않아서 예외가 발생
    let z = m / n;
} catch (error) {
    if (error instanceof ReferenceError) {
        console.log("ReferenceError: " + error.message);
    } else if (error instanceof TypeError) {
        console.log("TypeError: " + error.message);
    }
}

try catch문을 사용하여 예외사항을 처리

 

try {
    // y변수를 선언하지 않아 예외가 발생
    let x = y + 2;
} catch (error) {
    console.log(error);
} finally {
    // 오류가 발생하던 안하던 수행하는 코드
    console.log("나는 항상 수행되는 코드다");
}

try catch문을 사용하여 예외사항을 처리하고 finally문안에 있는 코드는 오류와 상관없이 실행되는 코드

 

try {
	let x = 0;
    // x가 0이면 에러를 강제로 일으키다.
    if (x === 0) {
        throw new Error("x는 0일 수 없다.");
    }
    let y = 2 / x;
} catch (error) {
    console.log(error);
}

throw new를 사용해 강제로 에러를 발생시킨다. 특정조건에서 강제로 에러를 발생시키고 에러 대응코드를 실행할 경우에 사용한다.

 

 

let x = 15 * 5;
debugger;
document.getElementById("demo").innerHTML = x;

 

 

크롬에서 F12키를 누르면 개발자도구가 활성화 된다. debugger키워드가 코드 중간에 삽입되어 있으면 해당라인에서 디버깅상태가 된다.

 

디버깅상태에서 변수값을 확인하거나 어떤 예외사항으로 흘러가는지 F10키를 눌러 단계적으로 실행한다.

 

연속실행을 원할 경우 F8키를 누르면 다음 `브레이크포인트`또는 debugger;키워드가 있는 곳까지 수행된다. 브레이킹 구간이 없으면 끝까지 실행된다.

 

개발자도구를 빠져나오려면 다시 F12키를 누른다.