> 웹 프론트엔드 > JS 튜토리얼 > TypeScript에서 Try...Catch와 함께 Async/Await를 올바르게 사용하는 방법은 무엇입니까?

TypeScript에서 Try...Catch와 함께 Async/Await를 올바르게 사용하는 방법은 무엇입니까?

Linda Hamilton
풀어 주다: 2024-12-11 02:11:10
원래의
320명이 탐색했습니다.

How to Correctly Use Async/Await with Try...Catch in TypeScript?

변수 선언을 사용하여 Try...Catch에 대한 올바른 Async/Await 구문

TypeScript의 새로운 Async/Await 기능을 사용하면 더 단순한 코드가 가능합니다. , 그러나 Wait를 사용할 때 try...catch 블록 내의 변수 배치는 다음과 같을 수 있습니다. 혼란스럽습니다.

모범 사례

try 본문 내에 여러 줄의 비즈니스 논리를 포함하여 예외가 제대로 포착되도록 하는 것이 모범 사례로 간주됩니다.

try {
    const createdUser = await this.User.create(userInfo);

    // Business logic goes here
} catch (error) {
    console.error(error); // From creation or business logic
}
로그인 후 복사

Promise 오류 처리

Promise 자체의 오류만 잡아서 처리하려는 경우 다음 세 가지 옵션이 있습니다.

  1. 변수 외부 및 분기 선언:

    • catch 블록의 변수에 기본값을 할당합니다.
    • 일찍 반환하거나 catch에서 예외를 다시 발생시킵니다. block.
    • catch 블록이 예외를 포착했는지 여부를 나타내는 플래그를 설정합니다.
    • 변수 값을 테스트하여 할당되었는지 확인합니다.
  2. 테스트에서 예외가 발견되었습니다. 유형:

    • 특정 오류 유형에 대해 발견된 예외를 테스트합니다.
  3. 콜백과 함께 then을 사용하세요.

    • 성공용 콜백 함수와 오류용 콜백 함수 두 개를 작성합니다. try/catch를 사용하는 대신

예:

await this.User.create(userInfo).then(createdUser => {
    // Business logic goes here
}, error => {
    console.error(error); // From creation
});
로그인 후 복사

위 내용은 TypeScript에서 Try...Catch와 함께 Async/Await를 올바르게 사용하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿