Как работают отложенные заявления, такие как prom() и done()?

Question

Мне нужна помощь в понимании использования отложенных методов, таких как promise() и done().

1-й) В этом примере для анимации добавляется .promise(), в котором вызывается done().

 var stack = new Array(); 

     $(document).ready(function() { 
      $(".droppable").each(function(){ 
       stack.push(new Droppable($(this))); 
      }); 
      dropNext(); 
     }); 

     function dropNext(){ 
      var droppable = stack.pop(); 
      if(droppable){     
       droppable.drop().done(dropNext); 
      } 
     } 

     function Droppable(domElem) { 

      function drop() { 
       return domElem.animate(
        { 
         opacity : "1" 
        } 
       ).promise(); 
      } 
      this.drop = drop; 
     } 

Какова цель обещания? Как это работает?

2-й) Документы JQuery дают this sort of example с $ .get, но не знают, как это по-другому, чем при использовании анонимной функции обратного вызова, которая уже снабжена $.get():

$.get("test.php", {}, 
     function (result) { 
      alert(result); 
     } 
    ); 


    $.get("test.php").done(
     function(result) { 
      alert(result); 
     } 
    ); 

Не анонимная функции уже обратный вызов для получения результатов, которые будут проанализированы при их возврате с сервера?

Answer 1

обещание это способ отслеживания отсроченного результата, чтобы сделать асинхронные операции выглядеть синхронных операций. В примерах, которые вы указали только с одной ссылкой в ​​цепочке, обратный вызов работает так же хорошо. Реальная власть находится в нескольких ссылках и позволяет ошибкам пузыриться до верхнего уровня, который будет обрабатываться там.

Для вашего первого примера animate занимает некоторое время, поэтому возвращается promise, который разрешает, когда выполняется анимация, позволяет убедиться, что предыдущая анимация закончена до следующего. Он говорит: «Я говорю вам, что делать сейчас, но не делайте этого до тех пор, пока это не будет сделано.« Если ваш список stack здесь имеет 5 элементов, вы можете перебирать их и связывать их с код выше. Чтобы сделать это с обратным вызовом, у вас будут обратные вызовы, вложенные в 5 уровней.

Мясо обещания - then, позволяющее нескольким операциям соединяться вместе. Глядя на $.get Например, представьте, что вы хотите сделать несколько вызовов API, которые зависят друг от друга:

$.get("test.php", {}, 
    function (result) { 
     $.post("test-details.php", {data: result}, function(detail) { 
      $.get("test-content.php", {id: detail.id}, function(content) { 
       // do content stuff 
       // whoa, this is getting deep 
      }); 
     }); 
    } 
); 

Вы можете придавить это с помощью обещаний.

$.get("test.php").then(function(result) { 
    return $.post("test-details.php", {data: result}); 
}).then(function(detail) { 
    return $.get("test-content.php", {id: detail.id}); 
}).then(function(content) { 
    // do content stuff 
}); 

Вы можете уловить любые ошибки, которые происходят по пути, позволяя перейти к концу цепи.

Для дальнейшего чтения, я рекомендую You're missing the point of promises и [Promise Anit- https://github.com/petkaantonov/bluebird/wiki/Promise-anti-patterns) (от Bluebird.)