async / await

TEDDY·2022년 11월 22일
0

CODECAMP

목록 보기
19/53
post-thumbnail

async & await

: async와 await는 js의 비동기 처리 패턴 중 하나이다. 기존의 비동기 처리 방식인 콜백 함수와 프로미스의 단점을 보완하고 개발자가 읽기 좋은 (사용법이 간단한)코드를 작성할 수 있게 도와준다.

async와 await 사용법

: function 앞에 async를 붙여주고, promise 객체 앞에 await를 붙여준다.
(async가 붙은 함수는 promise 객체를 반환한다. 따라서 .then((a) => {}를 작성할 수 있게 된다.)

프라미스 앞에 await 키워드를 붙이면 자바스크립트는 프라미스가 처리될 때까지 대기한다. 이후 await 키워드를 만나면 프라미스가 처리될 때 까지 기다린다.

async/await를 사용하면 promise.then/catch가 거의 필요없다. 그리고 프라미스가 처리가 완료되어 resolve(값) 되면 값만 따로 추출해서 리턴한다. await는 최근에 나온것 때문인지 프라미스보다 가독성도 좋고 쓰기도 쉽다.

promise 문법

function p() {
  return new Promise((resole,reject)=>{
    resolve('hello');
    
  });
}
p().then(n) => console.log(n);
async문법

async function p2(){
  return 'hello2';
}

async로 지정해주면 promise를 리턴하는 함수로 만든다

0개의 댓글