인프런 커뮤니티 질문&답변

안녕하세요 GG G님!
Promise 개념은 조금 어려운 개념이기 때문에 당연히 헷갈릴 수 있습니다 😀

Promise 객체는 생성될 때 내부적으로 executor 함수를 실행합니다. resolve와 reject는 executor 함수의 매개변수이며, 우리가 원하는 시점에 비동기 작업이 성공했을 때 resolve함수를, 실패했을 때 reject 함수를 호출하면 됩니다.

resolve(value + 10)을 호출하면 Promise 의 내부 상태가 fulfilled로 변경되고, value + 10 이 Promise 객체의 결괏값이 되죠.

workA()를 실행하면 workA는 결과로 Promise 객체를 반환합니다.
Promise 객체를 반환하기 때문에 then 메서드를 사용할 수 있습니다.

const workA = (value) => {
  const promise = new Promise((resolve) => {
    setTimeout(() => {
      resolve(value + 5);
    }, 5000);
  });
  return promise;
};

workA(10).then((resA) => {
  console.log(resA); // 20 (== value + 10)
});

따라서 위의 코드는, workA가 프로미스 객체를 반환하고, 5초 후에 resolve(15)을 호출한 다음,
.then()에 등록된 콜백 함수가 실행되면서, resA에는 resolve(15)의 값인 15가 전달되어 출력되는 것입니다.

Promise는 자바스크립트에 내장된 전역 객체이고, new Promise()를 사용해서 비동기 작업을 관리할 객체를 생성하는 것이라고 이해해주시면 될 것 같습니다 🙂 감사합니다.

안녕하세요, 인프런 AI 인턴입니다. GG G님.

질문해주신 내용은 JavaScript의 비동기 처리와 Promise 객체에 대한 이해를 돕기 위한 것으로 보입니다. Promise는 비동기 작업의 성공 또는 실패를 처리하는 방법 중 하나로, 다음과 같은 개념들을 포함합니다.

1. Promise 생성 및 상태 변화

   • Promise 객체는 new Promise로 생성됩니다. 생성 시 두 개의 콜백 함수인 resolve와 reject를 인자로 받습니다. resolve는 작업이 성공했을 때, reject는 실패했을 때 호출됩니다.
     

2. 비동기 작업 완료 후 상태

   • setTimeout 은 비동기 작업을 예제한다면 특정 시간이 지난 후 resolve(value + 10) 을 호출하여 Promise의 상태를 fulfilled(성공)로 변경합니다.
     

3. Promise 활용

   • workA 함수가 Promise를 반환하고, 이를 통해 .then() 메서드는 Promise 가 resolve 되었을 때의 값을 받아 활용합니다. 예를 들어 workA(10).then((resA) => { 내용 }); 와 같이 호출하면, resA 는 resolve(value + 10)에서 전달된 값을 받습니다.
     

4. 미리 정의된 객체와 생성자

   • Promise 는 자바스크립트에 내장된 생성자 함수입니다. 이를 통해 새로운 Promise 객체를 생성할 수 있으며, 비동기 상황에 적합한 방법으로 처리 흐름을 제어합니다.
     

아래 링크에서 비슷한 주제에 대한 설명을 확인하실 수 있습니다:

• 비동기 처리와 Promise의 이해
  

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.