JavaScript Try Catch:단계별 가이드

JavaScript try catch 블록은 오류 핸들러입니다. "try" 블록에는 테스트하려는 코드가 포함되어 있습니다. "catch"에는 "try" 블록의 코드를 성공적으로 실행할 수 없는 경우 실행할 코드가 포함되어 있습니다.

개발자가 프로그램을 테스트할 때 특정 방식으로 오류를 처리하는 코드를 작성하는 것이 일반적입니다. 이것은 프로그램이 충돌하여 프로그램에 프로그래밍 오류가 나타나도록 허용하는 것보다 더 우아합니다. 예를 들어, 사용자에게 긴 오류 로그 대신 "나중에 다시 시도하십시오"라는 메시지가 표시되기를 원할 수 있습니다.

이것이 try/catch 블록이 들어오는 곳입니다. Try/catch 블록을 사용하면 오류를 정상적으로 처리하여 코딩 문제가 전체 프로그램을 충돌시키지 않도록 할 수 있습니다. 이 가이드에서는 try/catch 블록을 사용하는 방법을 보여주고 블록이 얼마나 유용한지 논의합니다.

오류 처리 새로 고침

프로그램이 손상될 수 있는 방법이 너무 많기 때문에 모든 개발자는 코드에서 실수를 범합니다.

JavaScript에서 오류가 발생하면 일반적으로 프로그램이 중지되고 오류를 콘솔에 인쇄합니다. 이것은 무엇이 잘못되었는지 볼 수 있기 때문에 유용하지만 오류가 발생한 사용자는 이를 이해하지 못할 가능성이 높습니다.

그렇기 때문에 코드에 오류 처리 절차를 포함하는 것이 중요합니다. 오류 처리기를 포함하여 오류가 발생한 경우 프로그램이 응답하는 방법을 사용자 지정할 수 있습니다. 따라서 오류 처리기를 사용하면 오류가 발생했을 때 사용자에게 표시되는 메시지 또는 문제 알림 방식을 결정할 수 있습니다.

JavaScript try catch

JavaScript try catch 블록은 지정된 코드 블록에서 오류를 식별합니다. "try" 블록의 코드에 오류가 있는 경우 "catch" 블록의 내용이 실행됩니다. 프로그램이 성공적으로 실행되었는지 여부에 관계없이 "finally" 블록을 사용하여 코드를 실행할 수도 있습니다.

다음은 try/catch 프로시저의 구문입니다.

참가자의 81%는 부트캠프에 참석한 후 기술 직업 전망에 대해 더 자신감을 느꼈다고 말했습니다. 지금 부트캠프에 참여하십시오.

부트캠프 졸업생은 부트캠프 시작부터 첫 직장을 찾는 데까지 6개월도 채 걸리지 않았습니다.

try { // 여기에 코드가 있습니다. console.log("코드가 작동합니다!");} catch (e) { console.log("내 코드에 문제가 있습니다!");}

우리 블록에는 두 개의 문장이 있습니다:

• {}를 시도해 보세요.
• (e) {}를 잡습니다.

"try" 문에 포함된 코드는 프로그램이 실행하려고 시도하는 코드입니다. 이 경우 프로그램은 "이 코드가 작동합니다."를 인쇄하려고 시도합니다. 콘솔에. catch에 포함된 코드 try에서 오류가 반환되면 명령문이 실행됩니다. 성명서.

catch 문의 (e) 값은 "try" 문의 코드를 실패하게 만든 오류를 나타냅니다. 코드를 중지시킨 오류의 근본 원인을 볼 수 있도록 "e" 값을 인쇄할 수 있습니다.

Catch JavaScript 예제

작동 중인 try/catch 블록을 설명하기 위해 예제를 사용하겠습니다. 아래 예에서는 코드에서 JavaScript 변수 이름의 철자가 잘못되었습니다.

 let ourVariable ="테스트";console.log(ourVarible);

코드 반환:

ReferenceError:ourVarible이 정의되지 않았습니다.

변수를 찾을 수 없을 때 반환되는 기본 오류입니다. 그러나 사용자가 이 오류를 보게 된다면 어떻게 될까요? 그들은 아마 혼란스러워 할 것입니다. 이제 try/catch 블록을 사용하여 코드를 시도해 보겠습니다.

let ourVariable ="Test";try {console.log(ourVarible);} catch (e) { console.log("문제가 있습니다!")}

코드 반환:

문제가 있습니다!

우리 코드에는 위에서 본 것과 동일한 ReferenceError가 포함되어 있습니다. 그러나 길고 복잡한 기본 오류를 반환하는 대신 우리 프로그램은 catch 차단하다. 코드는 오류를 기록하지만 프로그램은 대신 사용자 지정 오류를 반환합니다.

catch 블록은 "e" 인수에서 오류를 추적합니다. 원하는 경우 반환된 오류에 계속 액세스할 수 있습니다. 다음은 "e" 값을 반환하는 프로그램의 예입니다.

let ourVariable ="Test";try {console.log(ourVarible);} catch (e) { console.log("문제가 있습니다! 다음은 코드의 오류 메시지입니다.", e)} 

 코드는 다음을 반환합니다.
 
문제가 있다! 다음은 코드의 오류 메시지입니다. ReferenceError:ourVarible이 정의되지 않았습니다.
 

 이제 코드가 오류를 보고하고 프로그램에서 발생한 오류 메시지도 표시합니다.
 

 잡기 절은 선택 사항입니다. 오류가 발생했을 때 프로그램이 아무 작업도 하지 않게 하려면 시도에 코드를 포함하기만 하면 됩니다. 차단합니다.
 
JavaScript try catch finally 절
 

 코드에 추가할 수 있는 절이 하나 더 있습니다. 바로 finally입니다. 마지막으로 catch와 같은 선택적 절입니다. , 오류가 발생하더라도 코드를 실행할 수 있습니다. 다음은 작동 중인 try/catch/finally 절의 예입니다.
 
let ourVariable ="Test";try {console.log(ourVarible);} catch (e) {console.log("문제가 있습니다! 다음은 코드의 오류 메시지입니다.", e)} 마지막으로 { console.log("코드가 실행되었습니다!")}
 

 다음은 프로그램이 반환하는 내용입니다.
 
TypeError:변수가 문자열이 아닙니다!코드가 실행되었습니다!
 

 코드에 오류가 발생하여 catch 내의 코드가 조항이 실행됩니다. 이것은 위에서 본 TypeError를 반환합니다. 오류가 처리된 후 마침내 블록이 실행되고 이 코드가 실행되었습니다!가 출력됩니다. 
 
 
 
결론
 

 JavaScript try/catch 절을 사용하여 코드를 테스트할 수 있습니다. try 문을 성공적으로 실행할 수 없는 경우 catch 문의 내용이 실행됩니다. finally 문은 try 또는 catch 문 바로 다음에 실행됩니다.
 

 사용자에게 표시되는 사이트를 개발하는 경우 사용자 지정 오류가 있으면 유용할 수 있습니다. 사용자 지정 오류는 문제가 발생했을 때 사용자가 혼동하지 않도록 합니다.
 

 JavaScript 코딩에 대해 더 알고 싶으십니까? JavaScript 학습 방법 가이드를 읽어보세요. 이 가이드에는 JavaScript를 배우는 방법에 대한 최고의 조언이 포함되어 있습니다.