JavaScript 비동기 Promise에 대한 설명
IT/javaScript
2023. 1. 24. 20:01
728x90
자바스크립트에서는 비동기 프로그래밍을 자연스럽게 습득하게 된다.
이를 대표하는게 자바스크립트 Promise이다.
Promise의 기본적인 구조는 아래와 같다.
const promise = new Promise((resolve, reject) => {
// resolve, reject의 타입은 함수타입이다.
});
Promise는 resolve와 reject를 파라미터로 받아오는 함수로
resolve는 작업이 성공했을때, reject는 작업이 실패했을때 호출하는 함수이다.
const promise = new Promise((resolve, reject) => {
reject(new Error("에러 메시지를 던집니다."));
});
const promise = new Promise((resolve, reject) => {
resolve("결과가 성공입니다.");
});
위와 같이 resolve와 reject에 결과 값이나 오류등을 전달할 수 있다.
const promise = new Promise((resolve, reject) => {
resolve("결과가 성공입니다.");
});
promise.then(
result => {
console.log("result" , result);
}
).catch(
e => {
console.error(e)
}
)
promise를 사용하게되면 기존의 callback 지옥 코드를 아래 처럼 깔끔하게 사용 할 수 있다.
promise()
.then(promise())
.then(promise())
.then(promise())
.then(promise())
.then(result =>{
console.log(result);
})