JavaScript의 비동기 콜백 함수에서 값을 검색하려면 어떻게 해야 합니까?

JavaScript에서 비동기 콜백 함수 반환을 처리하는 방법

비동기 콜백 함수는 동기 메소드 내에서 값을 검색할 때 문제를 야기합니다. 콜백 함수에서 위치 값을 검색하려고 시도하는 다음 코드 조각을 고려해 보세요.

function foo(address) {
  geocoder.geocode({ 'address': address }, function (results, status) {
    results[0].geometry.location; // I want to return this value
  });
}

foo(); // result should be results[0].geometry.location; value

그러나 값을 직접 반환하려고 하면 "정의되지 않음"이 발생합니다. 중간 변수나 콜백 전달을 사용한 후속 시도도 실패했습니다.

해결책: 콜백 전달

동기 방식의 비동기 콜백 함수에서 값을 반환하는 것은 불가능합니다. 대신 반환 값을 받으려면 콜백을 비동기 함수에 전달해야 합니다.

function foo(address, fn) {
  geocoder.geocode({ 'address': address }, function (results, status) {
    fn(results[0].geometry.location);
  });
}

foo("address", function (location) {
  alert(location); // this is where you get the return value
});

이 수정된 코드에서 foo 함수는 콜백 fn을 받아 반환 값을 처리합니다. 그런 다음 비동기 함수 geocoder.geocode는 위치 값을 fn에 인수로 전달합니다. 그런 다음 콜백 함수는 필요에 따라 위치 값을 사용할 수 있습니다.

비동기 프로그래밍 고려 사항

내부 함수 호출이 비동기인 경우 포함하는 모든 함수도 비동기여야 한다는 점을 기억하세요. 응답을 반환합니다. 수많은 콜백을 사용하는 경우 Q와 같은 Promise 라이브러리를 사용하여 프로세스를 단순화하는 것을 고려해 보세요.

위 내용은 JavaScript의 비동기 콜백 함수에서 값을 검색하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!