티스토리 뷰

Javascript

Javascript - async & await

김소비요정 2021. 9. 4. 14:31

async

function delayP(sec) {
    return new Promise((resolve, reject) => {
        setTimeout(() => resolve(new Date().toISOString()), sec * 1000);
    });
}

function myFunc() {
    return 'myFunc';
}
async function myAsync() {
    return 'async';
}

console.log(myFunc());
console.log(myAsync()); // Promise 반환함

myAsync()
    .then(console.log); //log : async

await

await를 사용하지 않으면, return 이 먼저 실행됨.

function delayP(sec) {
    return new Promise((resolve, reject) => {
        setTimeout(() => resolve(new Date().toISOString()), sec * 1000);
    });
}

async function myAsync() {
    await delayP(3)
        .then((time) => {
            console.log(time);
        });
    return 'async';
}

myAsync()
    .then(console.log); //log : async

참고 사이트

 

👉 Youtube -자바스크립트 async / await? 나도 써보자, 기본 개념부터~

'Javascript' 카테고리의 다른 글

Javascript - Promise  (0) 2021.09.04
javascript - JSON  (0) 2021.09.03
Javascript - 배열  (0) 2021.09.03
Javascript - Object  (0) 2021.09.02
Javascript - Class, Object  (0) 2021.09.02