210928 TIL

TIL DAY 60

오늘 배운 일

✔️ 코드잇에서 JavaScript 중급

• 마지막에 쓰는 catch 메소드

  간단한 예)
  

위에 코드를 잘 보면 밑에 두번째 then 메소드 안에 error를 실행하면 어떻게 될까요?

결과값 :

• fetch함수는 정상적으로 실행되지만, 그 뒤에 있는 에러는 잡지를 못했다.
• 그 해당 then메소드에 에러가 발생하면 promise 객체는 rejected 상태로 된다.

그러면 catch메소드를 마지막에 두면 해결이 될까?

결과값 :

• catch메소드의 콜백이 실행되면서 에러정보가 정상적으로 출력이 된다.

이번에는 fetch함수에 문제가 생기면

url를 잘못써서 에러가 발생하면서 catch메소드의 콜백이 잘 실행되면서, fecth함수가 실수해서 생긴 TypeError가 발생한다.

• finally 메소드

  • 항상 실행하고 싶은 콜백이 있으면 사용 가능!

  • fulfilled이거나 rejected 상태여도 작동을 한다.

  • finally 안에 콜백은 작성 성공 및 실패 결과가 없기 때문에 따로 파라미터가 필요없다.

    예 )

    

    결과값 :

    

    만약에 fetch 함수 url이 틀리고 catch 함수안에 에러가 발생할 때!

    

    결과값 :

    • finally는 정상적이든 최악의 경우든 항상 실행하는 메소드
    • catch 메소드 뒤에다 붙여야한다.

    

끝으로 느낀점 :

• 오늘은 왜 catch 메소드를 마지막에 작성하며 finally 메소드에 대해 배우는 시간을 가졌습니다.
• finally 메소드로 필요한 정보를 전달할 수 있어서 편할 것 같다.