promise

프로미스 비동기간편하게 오브젝트, 장시간 플젝 수행후 성공하면 그 결과값을, 아니면 에러를 전달.

(수강신청하면 공지 받을 수 있음)

 

콜백쓰지않고 비동기코드를 깔끔하게해주는 오브젝트(클래스)

=> 상태(state) : pending(처리중인상태) - 성공(fulfilled) /실패(rejected)

=> producer / consumer 각 견해 이해

 

1. Producer

:프로미스가 만들어질때, 자동으로 실행됨.

출처 : 드림코딩엘리-JS, 12강 Promise

 

• '//'사용시 뒤의코드가 정리된다
• 2번에서 1번의 결과가 잘 동작되면 then에 들어오고, resolve의 값을 파라미터로 갖고온다.
• .then의 프로미스는 프로미스를 리턴하므로, 그 프로미스의 .catch를 소환하는개념! "chaining"

  => 그렇기때문의 각 메서드가 어떤것을 리턴하는지 확인해야한다

 

 

.then은 값과 프로미스를 추가할 수 있다(doc찾아보기)

 

 

 

error handling

이전 resolve에서 받아온것을 그대로 토스해 줄때는, 화살표와 파라미터를 생략가능하다

 

.catch로 적절한 에러처리가 가능하다. 

reject(new Error(`error! ${hen} => ㅠㅠ`))로 코드에 처리해도 되고

위와같이 .catch에 에러콜백을 넣어줘도 된다

=> 이로써 chaining으로 끊기지않고 정상적인 프로세스구현이 가능하다

 

 

 

 

 

 

 

async/await

async로 감싸면 내부코드가 promise로 변환된다.