집 >웹 프론트엔드 >JS 튜토리얼 >JS try-catch 문 및 오류 유형 사용법

JS try-catch 문 및 오류 유형 사용법

php中世界最好的语言원래의: 2018-06-04 10:25:562117검색

이번에는 JS에서 try-catch 문 사용 및 오류 유형에 대해 다루겠습니다. JS에서 try-catch 문 및 오류 유형을 사용할 때 주의 사항은 무엇입니까?

애플리케이션 로직은 항상 특정 함수를 호출하는 이유를 알고 있으므로 오류를 처리하는 데 가장 적합합니다. try-catch에 catch 블록을 비워 두지 마십시오. 항상 오류를 처리할 내용을 작성해야 합니다. 예를 들어 다음과 같은 작업을 수행하지 마세요.

try {
  somethingThatMightCauseAnError();
} catch (ex) {  // do nothing}

오류가 발생할 가능성이 있다는 것을 알고 있다면 오류를 복구하는 방법을 확실히 알고 있는 것입니다. 정확히 오류를 복구하는 방법은 개발 모드에서 실제로 프로덕션 환경에 넣는 것과 다르며 괜찮습니다. 가장 중요한 것은 오류를 무시하는 것이 아니라 실제로 오류를 처리하는 것입니다.

ECMA-262 사양에서는 7가지 오류 유형을 지적합니다. 이러한 유형은 다양한 오류 조건이 발생할 때 JS 엔진에서 사용되며 물론 수동으로 만들 수도 있습니다.

오류: 모든 오류의 기본 유형입니다. 실제로 엔진에서는 이런 유형의 오류가 발생하지 않습니다.

EvalError: eval() 함수를 통해 코드를 실행하는 동안 오류가 발생하면 발생합니다.

RangeError: 숫자가 범위를 초과할 때 발생합니다. 예를 들어 길이가 -20인 배열을 만들려고 하면 발생합니다(new Array(-20);). 이 오류는 일반적인 코드 실행에서는 매우 드뭅니다.

ReferenceError: 예상된 개체가 존재하지 않을 때 발생합니다. 예를 들어 null 개체 참조에서 함수를 호출하려고 합니다.

SyntaxError: 코드에 구문 오류가 있는 경우 발생합니다.

TypeError: 변수가 예상된 유형이 아닐 때 발생합니다. 예를 들어 new 10 또는 true인 'prop'입니다.

URIError: 잘못된 형식의 URI 문자열이 encodeURI(), encodeURIComponent(), decodeURI() 또는 decodeURIComponent()와 같은 함수에 전달될 때 발생합니다.

다양한 유형의 오류를 이해하면 오류를 더 쉽게 처리하는 데 도움이 될 수 있습니다. 모든 오류 유형은 Error에서 상속되므로 error의 인스턴스로 해당 유형을 확인하면 유용한 정보가 나오지 않습니다. 특정 오류 유형을 확인하면 오류를 보다 안정적으로 처리할 수 있습니다.

try {  // 有些代码引发了错误} catch (ex) {  if (ex instanceof TypeError) {    // 处理TypeError错误
  } else if (ex instanceof ReferenceError) {    // 处理ReferenceError错误
  } else {    // 其他处理
  }
}

직접 오류를 던졌는데 오류가 아닌 데이터 유형인 경우에는 자신의 오류와 브라우저의 오류 유형을 쉽게 구분할 수 있습니다. 그러나 실제 유형의 오류를 던지는 것은 다른 유형의 객체를 던지는 것보다 몇 가지 장점이 있습니다.

우선, 위에서 설명한 대로 오류 메시지는 브라우저의 일반적인 오류 처리 메커니즘 내에서 표시됩니다. 둘째, 브라우저는 발생한 Error 객체에 몇 가지 추가 정보를 첨부합니다. 이 정보는 브라우저마다 다르지만 줄 번호, 열 번호 등 오류에 대한 상황별 정보를 제공하고 일부 브라우저에서는 스택 및 소스 코드 정보도 제공합니다. 물론 Error 생성자를 사용하면 브라우저 오류와 직접 발생한 오류를 구별하는 기능을 잃게 됩니다.

해결책은 자신만의 오류 유형을 만들고 이를 Error에서 상속하도록 하는 것입니다. 이 접근 방식을 사용하면 브라우저에서 발생하는 오류와 다른 추가 정보를 제공할 수 있습니다. 다음 패턴을 사용하여 사용자 정의 오류 유형을 생성할 수 있습니다.

function MyError (message) {  this.message = message;
}
MyError.prototype = new Error();

이 코드에는 두 가지 중요한 부분이 있습니다. 메시지 속성, 브라우저가 알아야 하는 오류 메시지 문자열, 프로토타입을 JS 엔진에 대한 오류 개체로 식별하는 Error 인스턴스로 설정하는 것입니다. 다음으로 브라우저가 기본 오류처럼 응답할 수 있도록 MyError의 인스턴스 개체를 던질 수 있습니다.

throw new MyError(&#39;Hello World!&#39;);

참고로 이 방법은 IE8 및 이전 브라우저에서는 오류 메시지를 표시하지 않습니다. 대신, 일반적인 "예외가 발생했지만 포착되지 않았습니다" 메시지가 표시됩니다. 이 방법의 가장 큰 장점은 사용자 정의 오류 유형이 자체 오류를 감지할 수 있다는 것입니다.

try {  // 有些代码引发了错误} catch (ex) {  if (ex instanceof MyError) {    // 处理自己的错误
  } else {    // 其他处理
  }
}

스스로 던진 모든 오류를 항상 스스로 잡아낸다면 IE의 작은 어리석음도 아무 것도 아닐 것입니다. 적절한 오류 처리 시스템을 통해 얻을 수 있는 이점은 엄청납니다. 이 방법은 개발자에게 오류를 올바르게 처리하는 방법을 알리기 위해 점점 더 유연한 정보를 제공할 수 있습니다.

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!