본문 바로가기
js

async - await

by 멋진 개구리 2021. 4. 8.
반응형

async - await

async & await는 자바스크립트의 비동기 처리 패턴이며 기존의 비동기 처리방식인 콜백함수와 프로미스의 단점을 보완하고 개발자가 읽기 좋은 코드를 작성할수있다

//Promise객체를 리턴하는 함수

function p(ms){
    return new Promise((resolve, reject)=>{
        setTimeout(() => {
           resolve(ms); 
        }, ms);
    });
}

//로직 수행
p(1000).then(ms=>{
    console.log(`${ms} ms 후에 실행된다.`)
});

//프로미스객체를 리턴하는 함수를 await로 호출하는 방법
//비동기 처리가 끝날때까지 기다렸다가 
(async function main() {
    const ms = await p(1000);
    console.log(`${ms} ms 후에 실행된다.`);
})();
반응형

'js' 카테고리의 다른 글

Truthy and Falsy  (0) 2021.04.23
class - food class 만들기  (0) 2021.04.22
promise  (0) 2021.04.07
클릭한 버튼의 id값 확인  (0) 2021.03.25
ajax 즐겨찾기 버튼 만들기  (0) 2021.03.23

댓글