javascript 특강 - async 와 Promise 의 이해

JungSik Heo·2022년 12월 29일

Vue 3.0 강의

목록 보기
14/29

async&await 이란?

async와 await는 가장 최근에 나온 비동기 처리 패턴으로, 기존의 콜백함수와 프로미스의 단점을 보완한 문법

사용법

async와 await의 사용법은 매우 간단

  • 함수앞에 async를 붙이면 해당 함수는 자동으로 프로미스를 반환하게 됩니다
  • 비동기로 처리되는 부분에 await를 붙이면 해당 프로미스가 끝날때까지 기다립니다. (동기적으로 처리)
  • await은 async가 붙은 함수 안에서만 사용 가능합니다.
  • 비동기로 처리되는 부분에 await를 붙이면 해당 프로미스가 끝날때까지 기다립니다. (동기적으로 처리)

다음과 같이 프로미스로 작성한 코드를 async를 사용해 간편하게 사용

async 함수에서 return은 resolve()와 같은 역할

문자열을 반환하는 것처럼 보이지만 실제로는 프로미스를 반환

function promiseFunc() {
    return new Promise((resolve, reject) => {
        resolve('Promise is awesome')
    })
}

promiseFunc().then(console.log)

Promise is awesome

async function asyncFunc() {
    return 'Async is awesome'
}

asyncFunc().then(console.log)

Async is awesome

https://yoo11052.tistory.com/165

profile
쿵스보이(얼짱뮤지션)

0개의 댓글