javaScript에서 Promise의 값을 꺼내는 방법

javaScript에서 Promise의 값을 꺼내는 방법은 Promise가 비동기적으로 처리되기 때문에 직접적으로 값을 꺼내는 것이 아니라, Promise가 완료되었을 때 그 결과를 처리하는 방식으로 접근해야 합니다. 주로 사용되는 방법은 다음과 같습니다.

 

 

1. then() 메서드 사용

Promise가 완료되면(resolve되면) then() 메서드를 통해 결과를 처리할 수 있습니다.

const myPromise = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve("Promise가 완료되었습니다!");
  }, 1000);
});

myPromise.then((result) => {
  console.log(result); // "Promise가 완료되었습니다!"
});

2. async/await 사용

async/await를 사용하면 Promise의 결과를 동기적으로 처리하는 것처럼 코드를 작성할 수 있습니다.

async function fetchData() {
  const myPromise = new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve("Promise가 완료되었습니다!");
    }, 1000);
  });

  const result = await myPromise;
  console.log(result); // "Promise가 완료되었습니다!"
}

fetchData();

 

저는 주로 제가 완벽하게 해당 소스를 컨트롤 하는경우에는 1번을 사용하고

협업하는 경우에는 2번을 사용하는법이 많습니다.

이유가 then 이후 값을 표시하는건 상관없는데 다른 함수에 함수를 타는 경우 의도대로 작동하지 않는 경우가 종종 있어서 그렇습니다.

 

도움이 됐으면 좋겠습니다.