async function 표현식

BaselineWidely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.

async function 키워드는 표현식 내에서async 함수를 정의하기 위해 사용됩니다.

또한async function statement을 사용하여 async 함수를 정의할 수 있습니다.

문법

  async function (param0) {    statements  }  async function (param0, param1) {    statements  }  async function (param0, param1, /* ... */ paramN) {    statements  }  async function name(param0) {    statements  }  async function name(param0, param1) {    statements  }  async function name(param0, param1, /* ... */ paramN) {    statements  }

arrow functions를 사용해도 됩니다.

async (param) => expression;async (param1, param2, ...paramN) => {  statements;};

인수

name: 함수 이름. 생략가능하며 이경우함수는anonymous 형식임 이름은 함수 몸체에 대해 지역적으로 사용.
paramN: 함수에 전달될 인수의 이름.
statements: 함수 몸체를 구성하는 명령문들.

async function 표현식은async function 선언 문법과 유사하며, 거의 동일합니다.async function 표현식과async function 선언문의 주요 차이점은 익명함수로써의 사용 여부로,async function 표현식은 함수 이름을 생략하면 익명함수를 만듭니다.async function 표현식은IIFE(즉시실행함수)로 사용할 수 있습니다.functions문서를 참고하세요.

예제

간단한 예시

function resolveAfter2Seconds(x) {  return new Promise((resolve) => {    setTimeout(() => {      resolve(x);    }, 2000);  });}// async function 표현식을 변수에 할당const add = async function (x) {  const a = await resolveAfter2Seconds(20);  const b = await resolveAfter2Seconds(30);  return x + a + b;};add(10).then((v) => {  console.log(v); // 4초 뒤에 60 출력});// async function 표현식을 IIFE로 사용(async function (x) {  const p1 = resolveAfter2Seconds(20);  const p2 = resolveAfter2Seconds(30);  return x + (await p1) + (await p2);})(10).then((v) => {  console.log(v); // 2초 뒤에 60 출력});