JavaScript: Eşzamansız bir iç işlev içinde bir dış işlev nasıl döndürülür?

Question

Dış işlevlerin yapması gereken bazı durumları tanımlamak için bir dış değişken kullanabileceğimi biliyorum. Ama şunu düşünün: İç işlev eşzamansız mı? Dış fonksiyon, iç fonksiyon değişkeni değişmeyecek, bu yüzden dış fonksiyonu şimdi nasıl iade edebilirim? Ben dönüş değeri olarak flag kullanırsanız

function outer() { 
    var flag = true; 
    // For example, a jquery-like ajax call 
    $.ajax({ 
     // Some settings 
     error: function(jqXHR, textStatus, errorThrown) { 
      // Here I want to return outer() 
      flag = false; 
     } 
    }); 
    return flag; 
} 

Yani, gördüğünüz gibi, outer() çok muhtemel dönüş gerçek ajax çağrısı uzun zaman alabilir çünkü. Ve aynı sebepten dolayı, async: false'u ayarlamak istemiyorum çünkü bu sayfa reaksiyonunu durduracaktır.

Answer 1

outer işleviniz hemen geri dönecektir, böylece true değerini flag değeri olarak elde edersiniz. Doğru değeri elde etmek için, async işlevinin işini yapmasına ve hazır olduğunda size geri dönmesine izin vermeniz gerekir. Şunu bir düşünün:

function outer(cb) { 
    var flag = true; 
    // For example, a jquery-like ajax call 
    $.ajax({ 
     // Some settings 
     error: function (jqXHR, textStatus, errorThrown) { 
      // Here I want to return outer() 
      flag = false; 
      cb(flag); 
     }, 
     success: function() { 
      flag = true; // or whatever value you need. 
      cb(flag); 
     } 
    }); 
} 

function callback(flag) { 
    // this function will be called after the ajax is complete. 
    // real value of flag variable will be available here 
    console.log(flag); 
} 
outer(callback); 

Sen dış işleve parametre olarak bir işlev geçmesi ve ajax parametre olarak ihtiyaç değeri ile tamamlandığında bu işlevi çağırır. Böylece gerçek sonucu elde edersiniz.