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

안녕하세요!

vue.js 로 프론트 개발하다가 질문이 있어 남깁니다.

컴포넌트에서 props로 함수를 받아 처리하는 부분이 있는데요,

그동안 해당 props는 일반함수로 받고, 받은 props 함수를 처리하는 함수는 async로 처리하고 있었는데,

props로 받는 함수도 Promise 처리해야하는 경우가 생겼습니다.

 

그래서 Promise로 받는 별도의 props를 추가하지 않고 해당 props를 await 처리만 해줘도 괜찮을지 싶은데요,

혹시 Promise가 아닌 일반 함수를 await 붙여준다고 해서 문제가 있을까요?

테스트를 해보니 오류나 순서상의 문제 없이 정상 동작하는 것 같아 질문드립니다.

문제가 될 경우 이유와 어떻게 처리하면 될지 좋은 예시도 함께 알려주시면 감사드리겠습니다.

 

다음은 현재 질문 상황에 대한 예시 코드입니다.

// 일반 함수
const printNum = (number) => {
  console.log(number);
};
    
// Promise
const logPrintNum = async (number, delaySec) => {
  console.log(`Enter logPrintNum ${number}`);
  await printNum(number);  // 일반 함수를 await 처리
  console.log(`Exit  logPrintNum ${number}`);
};

// 호출부
logPrintNum(1, 0);

// 출력 결과
Enter logPrintNum 1
1
Exit  logPrintNum 1