> 웹 프론트엔드 > JS 튜토리얼 > JavaScript에서 .then() 및 .catch()와 함께 Async/Await를 사용하는 것이 좋은 방법인가요?

JavaScript에서 .then() 및 .catch()와 함께 Async/Await를 사용하는 것이 좋은 방법인가요?

Linda Hamilton
풀어 주다: 2024-11-03 05:49:30
원래의
312명이 탐색했습니다.

Is Using Async/Await with .then() and .catch() a Good Practice in JavaScript?

JavaScript에서 Async/Await와 .then()을 함께 사용

async/await와 .then을 결합하는 것이 해로운지 여부에 대한 의문이 생깁니다. ().catch() 다음과 같은 방식으로:

<code class="javascript">async apiCall(params) {
    var results = await this.anotherCall()
      .then(results => {
        //do any results transformations
        return results;
      })
      .catch(error => {
        //handle any errors here
      });
    return results;
  }</code>
로그인 후 복사

async/await 및 try/catch를 사용하는 대신 저자는 async/await 및 .catch()를 활용하여 코드를 압축할 것을 제안합니다. 예는 다음과 같습니다.

<code class="javascript">async function asyncTask() {
  throw new Error('network')
}
async function main() {
  const result = await asyncTask().catch(error => console.error(error));
  console.log('result:', result)
}

main();</code>
로그인 후 복사

.catch()를 사용하면 try/catch 블록이 필요 없이 오류 처리가 달성되어 코드 구조가 간소화됩니다.

위 내용은 JavaScript에서 .then() 및 .catch()와 함께 Async/Await를 사용하는 것이 좋은 방법인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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