카테고리 없음

js 비동기 처리

cheesecrust1008 2022. 4. 18. 20:35

1. setTimeOut : 이는 콜백함수를 호출하는 비동기 함수로 일정시간 후에 콜백함수를 실행시킵니다.

 

이때에 콜백 함수안에 계속해서 콜백함수를 넣어 주어야 하므로 코드가 길어지고 가독성이 떨어지게 됩니다.

그리고 일정 시간후에 바로 실행 시키기 때문에 함수의 작동이 다 끝나지 않았는데 콜백함수를 호출 할수도 있습니다.

 

2. Promise : 이는 현재에는 당장 얻을 수는 없지만 가까운 미래에 얻을 수 있는 데이터에 접근하기 위해 활용합니다.

그리고 Promise 를 활용하기 위해서는 Promise 객체를 만든 후에 Promise 에서의 결과값을 .then의 함수에 전달합니다.

이때에 fetch 등의 함수를 활용하면 리턴 값을 Promise 객체를 반환 하기 때문에 따로 선언하지 않고 .then을 활용할 수 있다.

 

3. async await :  이는 .then을 조금 보완한 문법으로 .then 대신에 await 를 활용한다. 이때에 실행하는 함수에 async 를 붙여 주어야 한다. 그리고 await 는 반환 값을 그냥 변수로 받을 수 있다.