반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Tags
- svelte
- aws
- TLS
- csr
- ViTE
- JavaScript
- 비동기
- 선택자
- e2e
- vue-cli
- api test
- ts error
- Cypress
- msw
- vue3
- Testing
- http3
- web vital
- devtools
- vue
- rendering
- CSS
- caching
- import.meta.env
- custom command
- https
- QUIC
- CloudFlare
- SSR
- typeScript
Archives
- Today
- Total
Develop Note by J.S.
[Javascript] Async, Await 본문
반응형
Async Await
async await는 return형이 Promise 객체일 때 (비동기처리) await 연산자로 동작된 비동기함수의 처리를 순차적으로 동작시키는 기능을 제공합니다.
console.log('1');
function callback1 () {
return new Promise ((resolve)=> {
setTimeout(function() {
resolve('2')
}, 1000)
})
}
function callback2 () {
return new Promise ((resolve, reject)=> {
setTimeout(function() {
reject('3')
}, 1000)
})
}
async function showNumber () {
try {
let number1 = await callback1();
console.log('number1: ', number1);
let number2 = await callback2();
console.log('number2: ', number2);
} catch (error){
console.log('error: ', error);
}
}
showNumber();
console.log('4');
showNumber함수 선언 시 async 를 붙여 비동기처리를 하겠다 고 선언 해준 뒤 함수내부에서 순차적으로 동작 시킬 비동기 함수호출 시에 await를 붙여 사용합니다.
반응형
'Language > Javascript' 카테고리의 다른 글
[Javascript] 실행 컨텍스트 (0) | 2023.06.27 |
---|---|
[Javascript] 얕은복사, 깊은복사 (0) | 2023.06.20 |
[Javascript] Call by Value, Call by Reference, Call by Sharing (0) | 2023.06.20 |
[Javascript] Promise (0) | 2023.06.19 |
[Javascript] Callback (0) | 2023.06.16 |