흰둥이는 코드를 짤 때 짖어 (왈!왈!왈!왈!왈!왈!왈!왈!왈!왈!왈!)

(JS) async와 await 본문

HTML, CSS, JS

(JS) async와 await

흰둥아솜사탕 2023. 4. 13. 22:35
728x90
반응형

async / await

  • callback, Promise 비동기터리를 좀 더 쉽게 처리할 수 있도록 사용됨
  • ES7에 추가된 문법
// 1. Promis(비동기 처리될 전체 함수)를 만들고자 하는 함수 앞에 async를 붙여줌

async function 함수명(){
    ...
    // 2. promise 앞에 await를 붙여줌

    return 값;  // 3. resolve()값과 동일
}

문제

  • 아래 함수를 이용하여 async/await 함수를 만들어 출력하는 문서를 작성해보자.
function fetchEgg(chicken) {
    return Promise.resolve(`${chicken} => 🥚`);
}
function fryEgg(egg) {
    return Promise.resolve(`${egg} => 🍳`);
}
function getChicken() {
    return Promise.resolve(`🐤 => 🐓`);
    // return Promise.reject(new Error('치킨집 망함!'));
}
728x90
반응형

'HTML, CSS, JS' 카테고리의 다른 글

(JS) 포토폴리오 실습  (0) 2023.04.14
(JS) JSON  (0) 2023.04.13
(JS) 옵셔널 체이닝  (0) 2023.04.12
(JS) 프로미스  (0) 2023.04.12
(JS) 예외처리  (0) 2023.04.12
Comments