Promise 연습, js 비동기 연습

js

// 프로미스 병렬처리 ; all
await Promise.all([delay2(1000), delay2(2000)]).then((result) => {
  console.log(result.join(' + '));
});

• 처음에는 익숙해지기 어렵지만, 꿀인 비동기

promise

• js에는 promise라는게 있다
• 비동기 흐름에서 중요하다
• 프로미스는 선언과 동시에 실행이된다
• 프로미스 결과를 처리하려면 then을 통해 받아 볼 수 있다

async await

js

async function delay2(ms) {
  await new Promise((resolve) => {
    setTimeout(() => {
      resolve(ms);
    }, ms);
  });
  return ms;
}

• await 키워드는 async 함수 내에서만 사용가능하다
• await 를 통해서 promise가 Fulfilled상태가 되야지만 다음줄의 코드가 실행된다

병렬처리

Promise.race

js

await Promise.race([delay2(1000), delay2(2000)]).then((result) => {
  console.log(result);
});

• 1초뒤에 1000만 반환하는 코드이다

Promise.all

js

await Promise.all([delay2(1000), delay2(2000)]).then((result) => {
  console.log(result.join(' + '));
});

• 2초뒤에 1000 + 2000을 반환하는 코드이다

요상한 문법

js

(async () => {
  console.log(await delay2(1000));
})();