async function 표현식
Baseline Widely 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 함수를 정의할 수 있습니다.
문법
js
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를 사용해도 됩니다.
js
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
문서를 참고하세요.
예제
간단한 예시
js
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 출력
});
명세
Specification |
---|
ECMAScript Language Specification # sec-async-function-definitions |
브라우저 호환성
BCD tables only load in the browser
같이 보기
async function
AsyncFunction
objectawait