javascript - async/await

codeit 사이트를 공부하면서 정리한 내용입니다.

드디어 코드잇의 자바스크립트 공부를 끝내게 되었다.
한 번 봤기 때문에 완벽하게 알 수 없겠지만 공부를 하다가 모르는 것들이 있으면 찾아보면서 공부를 하자!

async / await

Asynchoronous 의 약자로 해석하면 말 그대로 비동기 이다.
async 는 await 와 함께 사용되면 우리가 사용했던 fetch 기능 을 편리하게 사용할 수 있도록 만들어진 Syntatic Sugar 이다!

async function test1() {
  const result = await Promise.resolve('success');
  console.log(result);
}
test1();
console.log('JavaScript');
console.log('Programming');

위 코드를 보면 test1 함수 안에 있는 'success' 가 먼저 출력 될 것 같지만 결과는 JavaScript -> Programming -> success 순서로 출력이 된다.

async 함수 안에 async 함수

함수 표현 방법

1. Function Declaration(함수 선언식)
   • async function add () {}
2. Function Expression(함수 표현식)
   • const add = async function () {}
3. Arrow Function(화살표 함수)
   • const add = async (a, b) => { return a + b;}
   • const add = async (a, b) => a + b;

즉시실행함수(Immediately-invoked function expression, IIFE)

보통 정의하고 실행을 하지만 정의하는 즉시 실행되도록 작성하는 것이다.

(function add (a, b) {
	return a + b;
}(1, 2));