일반 함수를 프로미스화 하는 간단한 방법과 프로미스의 상태에 대해

Promise.try

Promise.try(someFunction);

Promise.try(someFunction, arg1, arg2, arg3, ...);

const somePromise = new Promise((resolve) => {
  // ...
  resolve(someValue);
  // ...
});

일반 함수를 프로미스화 하는 다른 방법

Promise.resolve(value);

헷갈리는 프로미스의 상태들

new Promise(resolve => {
  resolve(42); // Promise는 즉시 fulfilled 상태로 전환됩니다.
});

const p1 = new Promise((resolve1, reject1) => {
  setTimeout(() => resolve1("p1 성공"), 1000);
});

const p2 = new Promise((resolve2, reject2) => {
  console.log("p2가 p1을 resolve합니다.");
  resolve2(p1); // p2의 상태는 p1의 상태를 따르게 됩니다.
});

p2.then(result => console.log("p2 결과:", result));
// 출력:
// p2가 p1을 resolve합니다.
// (1초 후) p2 결과: p1 성공

• p2는 resolve2(p1)이 호출되는 순간 resolved 상태가 됩니다.
• 즉, p2는 p1의 결과에 따르도록 미래가 고정되었습니다.

• 하지만 p2는 아직 pending 상태이며, p2의 최종 상태는 p1의 최종 상태에 따라 결정됩니다.

• 만약 p1이 거절된다면, p2 역시 거절됩니다.

• pending: 프로미스의 결과가 아직 결정되지 않은 상태.

• fulfilled: 프로미스가 성공적으로 이행된 상태.

• rejected: 프로미스가 성공적으로 이행되지 못해 거부된 상태.

• settled: 프로미스가 이행 혹은 거부되고 값이 결정되어 더이상 변하지 않는 상태.

• resolved: 프로미스의 결과를 결정짓기 위한 과정이 고정된 상태.

본론으로 돌아와서

Promise.resolve(value);

const original = Promise.resolve(33);
const cast = Promise.resolve(original);

cast.then((value) => console.log(`value: ${value}`));
console.log(`original === cast ? ${original === cast}`);

// Logs, in order:
// original === cast ? true
// value: 33

여담

참고