비동기 Javascript 호출을 \'동기화\'하는 방법은 무엇입니까?

비동기 JavaScript 호출 동기화

소개

비동기 JavaScript 기능을 사용하면 작업을 동시에 수행할 수 있습니다. 메인 스레드를 차단하지 않고. 그러나 특정 시나리오에서는 비동기 함수를 동기식으로 호출하여 작업이 완료될 때까지 현재 실행을 효과적으로 차단해야 할 수도 있습니다.

구현

일반적인 방식과 반대로 UI에 영향을 주지 않고 JavaScript 실행을 비동기적으로 차단하는 것은 불가능합니다. 차단을 시뮬레이션하는 한 가지 접근 방식은 전역 변수를 폴링하고 콜백 함수에 의해 설정될 때까지 기다리는 것입니다.

function doSomething() {

  // Global variable for callback data
  window.data = null;

  function callBack(d) {
    window.data = d;
  }

  // Start asynchronous call
  myAsynchronousCall(param1, callBack);

  // Start polling interval
  var intvl = setInterval(function() {
    if (window.data) {
      clearInterval(intvl);
      console.log(data);
    }
  }, 100);
}

이 방법은 반 차단 동작을 달성하지만 다음과 같은 결과를 초래할 수 있으므로 이상적이지는 않습니다. 상당한 성능 오버헤드를 초래합니다.

선호 솔루션

가능하다면 콜백 함수를 비동기 호출에 전달하고 준비가 되면 결과를 처리하도록 하는 것이 좋습니다.

function doSomething(func) {

  function callBack(d) {
    func(d);
  }

  myAsynchronousCall(param1, callBack);
}

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

이 접근 방식은 폴링 오버헤드를 방지하고 보다 효율적인 비동기 처리를 가능하게 합니다.

위 내용은 비동기 Javascript 호출을 \'동기화\'하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!