javascript函数返回未定义但在警报时工作正常

Question

我正在使用google map api，其中有一个函数，我正在传递地址，该函数返回纬度和经度，但是在此代码函数中，我返回undefined，但是当我使用Alert而不是return时，它工作正常，请告诉我在哪里我在此代码中是错误的。 我过去在Ajax代码中也遇到过同样的问题，但是我使用async = false。

 <script> function GetLocation(address) { var geocoder = new google.maps.Geocoder(); geocoder.geocode({ 'address': address }, function (results, status) { if (status == google.maps.GeocoderStatus.OK) { var latitude = results[0].geometry.location.lat(); var longitude = results[0].geometry.location.lng(); return longitude; // alert("Latitude: " + latitude + "\\nLongitude: " + longitude); // return latitude; } else { return "Request failed."; } }); }; var abc = GetLocation(address); alert(abc); </script> 

Answer 1

您的geocode()是异步调用，您不能从中返回任何内容。 因此，您需要继续执行取决于回调函数结果的逻辑。

或者您需要使用Promise ，并更改一些逻辑以实现结果。 但是，再次使用Promises，您将无法从中返回任何内容。 |

在此代码中，您将创建一个从函数返回的Promise 。 Promise将采用两种功能，一种是一切正常的功能，另一种是发生问题的功能。 如果一切正常，请使用参数调用它。 在Promise您可以调用.then()函数并将其传递给2个函数：第一个传递为您的resolve function ，第二个传递为reject function 。 因此，在这种情况下，当您调用resolve ，它将参数传递给.then()的第一个函数，然后将其传递到那里。

 function GetLocation(address) { return new Promise(function(resolve, reject) { var geocoder = new google.maps.Geocoder(); geocoder.geocode({ 'address': address }, function (results, status) { if (status == google.maps.GeocoderStatus.OK) { var latitude = results[0].geometry.location.lat(); var longitude = results[0].geometry.location.lng(); resolve(longitude); } else { reject("Request failed."); } }); }); }; var address = 'yourAddress'; GetLocation(address).then(longitude => alert(longitude)); 

Promises的基本示例

 new Promise((resolve, reject) =>{ var a = true; // < Here `a` is true, so resolved function is called in `then` if(a){ resolve(a); } else { reject('A is not True !'); } }).then(val => alert(val)); new Promise((resolve, reject) =>{ var a = false; // < Here `a` is false, so rejected function is called `then` if(a){ resolve(a); } else { reject('A is not True !'); } }).then(val => alert(val), err => alert(err));