비동기 함수 조정: 완료 대기

비동기 함수로 작업할 때는 다른 함수가 진행되기 전에 한 함수가 완료되는지 확인하는 것이 중요합니다. JavaScript에는 이러한 동기화를 달성하는 방법이 여러 가지 있습니다.

언급된 접근 방식 중 하나는 전역 부울 변수를 사용하여 함수의 완전성을 나타내는 것입니다. 이 메서드는 기능적이지만 여러 비동기 작업이 있는 경우 충돌이 발생할 수 있습니다.

더 우아한 솔루션에는 콜백이 포함되어 호출자가 비동기 작업이 완료된 후 실행될 함수를 지정할 수 있습니다. 콜백 함수는 이 시나리오를 처리하는 명확하고 간결한 방법을 제공합니다.

function firstFunction(_callback) {
  // Perform asynchronous work here...
  _callback();
}

function secondFunction() {
  firstFunction(() => {
    console.log('First function completed');
  });
}

간결한 코드를 위해 화살표 기능 사용을 고려하세요:

firstFunction(() => console.log('First function completed'));

또는 , 비동기 작업에 대한 더 큰 제어가 필요한 경우 약속 또는 async/await 사용을 고려하세요. Promise는 보다 구조화된 접근 방식을 제공하므로 작업을 연결하고 여러 비동기 호출을 효율적으로 처리할 수 있습니다.

const firstFunctionPromise = () => {
  // Return a Promise object...
};

secondFunction()
  .then(result => {
    console.log('First function completed using Promise');
  })
  .catch(error => {
    console.log('Error occurred: '   error);
  });

가독성을 높이고 코드를 간결하게 만들기 위해 async/await는 보다 간단한 구문을 제공합니다.

const secondFunction = async () => {
  const result = await firstFunction();

  console.log('First function completed using async/await');
};

궁극적으로 최선의 접근 방식은 특정 사용 사례의 복잡성과 요구 사항에 따라 달라집니다. 적절한 동기화 방법을 선택하면 비동기 기능을 원활하고 예측 가능하게 실행할 수 있습니다.