JavaScript에서 비동기 함수가 동기적으로 작동하도록 하려면 어떻게 해야 합니까?

비동기 함수의 동기 호출

일부 특정 시나리오에서는 비동기 호출이 동기 코드베이스 내에서 동기적으로 작동하도록 강제해야 할 수도 있습니다. 일반적으로 모범 사례로 간주되지는 않지만 이를 달성할 수 있는 방법은 다음과 같습니다.

폴링으로 차단

먼저, UI를 고정하는 것은 불가능합니다. 그러나 비동기 작업 완료를 주기적으로 확인하여 차단을 시뮬레이션할 수 있습니다.

function doSomething() {
  var data;

  function callback(d) {
    data = d;
  }

  myAsynchronousCall(param1, callback);

  // Poll until the data is set by the callback
  while (!data) {
    // Sleep for a short duration to avoid excessive polling
  }

  return data;
}

이 접근 방식은 콜백이 호출될 때까지 호출 함수를 효과적으로 차단합니다. 그러나 잦은 폴링이 필요하므로 비효율적일 수 있습니다.

콜백 기반 접근 방식

더 깔끔하고 효율적인 솔루션은 콜백 함수를 원래 비동기 함수에 전달하는 것입니다. call.

function doSomething(callback) {
  myAsynchronousCall(param1, function(data) {
    callback(data);
  });
}

수정된 doSomething() 함수는 이제 콜백을 인수로 사용합니다. 비동기 호출에서 반환된 데이터로 호출됩니다.

doSomething(function(data) {
  console.log(data);
});

이 방법을 사용하면 차단이나 과도한 폴링 없이 동기 코드 내에서 비동기 호출을 원활하게 처리할 수 있습니다.

위 내용은 JavaScript에서 비동기 함수가 동기적으로 작동하도록 하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!