- 비동기 처리 함수
- Promise 와 동일한 기능에 간결
- Promise를 포함하고 있음
- async 함수의 반환값은 Promise
//=====================
fetch 비동기 실행 예제
https://dev.to/shoupn/javascript-fetch-api-and-using-asyncawait-47mp
async function getUserAsync(name)
{
let response = await fetch(`https://api.github.com/users/${name}`);
let data = await response.json()
return data;
}
getUserAsync('yourUsernameHere')
.then(data => console.log(data));
//=====================
예제)
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/async_function
//=======================================
function resolveAfter2Seconds() {
return new Promise(resolve => {
setTimeout(() => {
resolve('resolved');
}, 2000);
});
}
async function asyncCall() {
console.log('calling');
var result = await resolveAfter2Seconds();
console.log(result);
// expected output: 'resolved'
}
asyncCall();
//=======================================
async function name([param[, param[, ... param]]]) {
statements
}
//====================================
// 참고
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/async_function
https://blueshw.github.io/2018/02/27/async-await/
https://medium.com/@constell99/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EC%9D%98-async-await-%EA%B0%80-promises%EB%A5%BC-%EC%82%AC%EB%9D%BC%EC%A7%80%EA%B2%8C-%EB%A7%8C%EB%93%A4-%EC%88%98-%EC%9E%88%EB%8A%94-6%EA%B0%80%EC%A7%80-%EC%9D%B4%EC%9C%A0-c5fe0add656c
'Code > JavaScript' 카테고리의 다른 글
[Javascript] fetch (ajax) (0) | 2019.07.22 |
---|---|
[Javascript] Vanilla , ajax , callback, Promise, async/await 구현 예제 (0) | 2019.07.22 |
[Javascript] 클로저 , Closure (0) | 2019.07.20 |
[Javascript] 호이스팅(Hoisting) (0) | 2019.07.20 |
[Javascript] 웹 워커, Web Worker (0) | 2019.07.20 |