728x90
promise와 async await은 비동기적인 일의 결과를 받아야 할 때 사용된다.
Promise
resolve와 reject 콜백 함수를 전달한다.
const promise = new Promise((resolve, reject) => {
//promise에는 resolve, reject가 있다.
//resolve : 정상적으로 동작했을 경우 일어나는 행동
//reject : 에러가 있었을 경우 일어나는 행동
//프로미스를 만드는 순간 이 안에 있는 내용이 실행된다.
//정상 실행인 경우 예시
resolve('Success!');
});
promise
.then((value) => {
// promise resolve 결과가 여기에 전달된다.
// Success가 전달됨
})
.catch((error) => {
//reject는 여기로 전달된다.
})
.finally(() => {
//항상 실행됨
});
Async Await
깔끔하게 promise를 사용할 수 있다.
async function getBrands() {
const nike = await getNike();
const adidas = await getAdidas();
return `${nike} + ${adidas}`;
}
getBrands().then(console.log);
반응형
'개발공부 > JavaScript' 카테고리의 다른 글
함수형 프로그래밍의 특징 (0) | 2022.02.17 |
---|---|
[JS] const, let 차이점 (0) | 2022.02.03 |
JavaScript에서 var을 쓰면 안되는 경우 (feat. var hoisting) (0) | 2022.01.18 |
JavaScript 파일에서 use strict를 쓰는 이유 (0) | 2022.01.17 |
html에 script를 추가할 때 어떤 방법이 가장 좋을까? (0) | 2022.01.17 |