웹/Javascript

javascript - async 활용 try catch 문

공대생철이 2022. 7. 11. 18:21
728x90

내가 통상 쓰던 async는 then과 catch를 결합하여 좀 길긴 하지만 한 줄로 끝내는 방식

 

then과 catch를 활용하는 방법 외에 다른 방법으로 async를 활용하는 방법을 배워서 이렇게 정리해봄.

 

try {
  nonExistentFunction();
} catch (error) {
  console.error(error);
  // expected output: ReferenceError: nonExistentFunction is not defined
  // Note - error messages will vary depending on browser
}

기본적인 형식은 이러함

 

사실 거의 똑같음

 

then 대신 try

catch는 그래도

이런 느낌

 

const func = async () => {
  try {
    const value = await someFunc();
    const result = await anotherFunc();
    return result;
  } catch (err) {
    throw err;
  }
}

async 함수가 작동하면 try에 해당하는 부분을 실행하고

그렇지 않으면 catch부분을 실행함.

 

 

사실 별 차이 없는 듯

그냥 코드의 가독성 차이랄까.

 

그래도 기존에 쓰던 방법 외에 새로운 방법을 알아가고 계속 써볼려고 함.

 

728x90