[Java Script] async/await 알아보기

자바스크립트에서 async/await는 코드의 비동기처리를 도와줍니다.

콜백함수와 promise도 비동기 처리를 도와주지만

async/await를 사용하여 좀 다른 방식으로 구현할 수 있습니다.

 

| 사용

1. async

사용하기 위해서 함수 앞에 async 키워드를 넣어줘야 합니다.

그럼 그 함수는 항상 promise를 반환해서

then()을 이용해 실행시킬 수 있습니다.

async function 함수() {
  return 1;
}

함수().then((result)=>{ console.log(result) }) // 1출력

2. await

await는 async함수 내부에서만 사용할 수 있는데

promise앞에 써주면 해당 promise의 작동이 끝날 때까지 기다린 다음에

다음 코드를 실행해 줍니다.

async function 함수() {
  let sum = new Promise((resolve, reject)=>{
    let result  = 1 + 1;
    resolve(result);
  });
  let result = await sum;
  console.log(result);
}

함수(); // 2출력

이런 식으로 promise의 연산을 기다린 다음에 다음 코드를 실행해 줍니다.

3. try... catch...

try/catch는 예외처리할 때 사용하면 됩니다.

async function 함수() {
  let sum = new Promise((resolve, reject)=>{
    reject('에러');
  });
  try { let result = await sum }
  catch (error){ console.log(error) }
}

함수(); // '에러' 출력