이다닷

[Frontend Study] Day 12 - Promise vs Callback 본문

Frontend Study

[Frontend Study] Day 12 - Promise vs Callback

이다닷 2024. 5. 7. 18:00

Promise와 Callback의 차이점


Callback 함수를 사용하면 비동기 로직의 결과값을 처리하기 위해서는 callback 안에서만 처리를 해야하고, callback 밖에서는 비동기에서 온 값을 알 수가 없다.

하지만, promise를 사용하면 비동기에서 온 값이 promise 객체에 저장되기 때문에 코드 작성이 용이해진다.

 

 

 이렇게 async 함수에서 비동기가 끝난 후의 값을 가지고 싶어서 이렇게 작성했다면 b를 1초 후, 100초 후에 찍어도 undefined라는 답이 나온다.

 

 

 하지만 이렇게 promise를 사용하게 되면 promise 객체에 비동기가 처리된 결과값이 저장된다.

callback의 경우 매번 비동기를 실행해야 그 값을 저장할 수 있지만 promise는 .then 메소드를 통해서 저장되어 있는 값을 원하는 때에 사용할 수 있다.