Cách trả về giá trị từ hàm gọi lại không đồng bộ?

Question

Câu hỏi này được hỏi nhiều lần trong SO. Nhưng tôi vẫn không thể kiếm được.

Tôi muốn nhận được một số giá trị từ gọi lại. Hãy xem kịch bản bên dưới để làm rõ.

function foo(address){ 

     // google map stuff 
     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 

Nếu tôi cố gắng trả lại giá trị đó chỉ nhận được "không xác định". Tôi đã làm theo một số ý tưởng từ SO, nhưng vẫn không thành công.

Đó là:

function foo(address){ 
    var returnvalue;  
    geocoder.geocode({ 'address': address}, function(results, status) { 
     returnvalue = results[0].geometry.location; 
    }) 
    return returnvalue; 
} 
foo(); //still undefined 

Answer 1

Điều này là không thể vì bạn không thể quay trở lại từ một cuộc gọi không đồng bộ bên trong một phương thức đồng bộ.

Trong trường hợp này bạn cần phải vượt qua một callback để foo sẽ nhận giá trị trả về

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 
}); 

Có điều là, nếu một chức năng gọi nội là không đồng bộ, sau đó tất cả các chức năng 'gói quà' cuộc gọi này phải cũng không đồng bộ để trả về một câu trả lời.

Nếu bạn có nhiều cuộc gọi lại, bạn có thể cân nhắc việc thực hiện việc giảm và sử dụng số promise library like Q.

Answer 2

Nó làm cho không có ý nghĩa để trở về giá trị từ một callback. Thay vào đó, hãy thực hiện tác vụ "foo()" mà bạn muốn làm bên trong số gọi lại của bạn.

Gọi lại không đồng bộ được gọi bởi trình duyệt hoặc bởi một số khung như thư viện mã hóa địa lý của Google khi sự kiện diễn ra. Không có chỗ cho các giá trị trả về. Hàm gọi lại có thể trả lại giá trị, nói cách khác, nhưng mã gọi hàm sẽ không chú ý đến giá trị trả về.

Answer 3

Nếu bạn tình cờ được sử dụng jQuery, bạn có thể muốn cung cấp cho này một shot: http://api.jquery.com/category/deferred-object/

Nó cho phép bạn trì hoãn việc thực hiện các chức năng gọi lại cho đến khi yêu cầu ajax (hoặc bất kỳ hoạt động async) được hoàn thành . Điều này cũng có thể được sử dụng để gọi một cuộc gọi lại khi một số yêu cầu ajax đã hoàn tất.