UI를 정지하지 않고 비동기 JavaScript 함수를 동기적으로 실행할 수 있습니까?

비동기 JavaScript 함수의 동기 실행

특정 상황에서는 UI를 정지하지 않고 비동기 JavaScript 함수를 동기적으로 실행해야 할 수도 있습니다. . 이는 일반적으로 좋은 사례로 간주되지 않지만 필요하다고 간주되는 특정한 경우가 있습니다.

도전

목표는 콜백이 발생할 때까지 함수를 차단하는 것입니다. UI를 고정하지 않고 호출됩니다. JavaScript를 차단하면 일반적으로 UI가 정지되기 때문에 문제가 됩니다.

가능한 해결 방법

한 가지 가능한 해결 방법은 콜백에 의해 설정된 전역 변수를 확인하기 위해 폴링을 사용하는 것입니다. . 예는 다음과 같습니다.

function doSomething() {

  // Callback sets received data to a global variable
  function callBack(d) {
    window.data = d;
  }

  // Start the async
  myAsynchronousCall(param1, callBack);
}

// Start the function
doSomething();

// Clear the global data
window.data = null;

// Poll at an interval until data is found in the global
var intvl = setInterval(function() {
  if (window.data) {
    clearInterval(intvl);
    console.log(data);
  }
}, 100);

이 접근 방식을 사용하면 UI를 정지하지 않고 콜백에서 데이터를 수신할 때까지 호출 함수를 차단할 수 있습니다. 그러나 전역 변수를 사용하도록 doSomething() 함수를 수정할 수 있다고 가정합니다.

모범 사례

이 접근 방식은 차선책으로 간주된다는 점에 유의하는 것이 중요합니다. 해결책. 이상적으로는 함수를 차단하는 대신 콜백이나 약속을 사용하여 비동기 호출을 처리해야 합니다. 그러나 쉽게 수정할 수 없는 특정 코드베이스에서는 임시 해결 방법으로 필요할 수 있습니다.

위 내용은 UI를 정지하지 않고 비동기 JavaScript 함수를 동기적으로 실행할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!