С jQuery 1.8.then аналогично .pipe:

Уведомление Об Устаревании: по состоянию на jQuery 1.8,deferred.pipe() метод устарел. Элемент deferred.then() метод, который заменяет его, следует использовать вместо этого.

и

по состоянию на jQuery 1.8 на deferred.then() метод возвращает новое обещание, которое может фильтровать статуса и значения отложенного через функцию, заменяя теперь-устарел deferred.pipe() метод.

приведенные ниже примеры могут быть полезны для некоторых.

---

они служат разным целям:

• .then() должна использоваться всякий раз, когда вы хотите работать с результатом процесса, т. е. как сказано в документации, когда отложенный объект разрешен или отклонен. Это то же самое, что использовать .done() или .fail().

• вы могли бы использовать .pipe() to (предварительно)фильтр результат как-то. Возвращаемое значение обратного вызова .pipe() будет передано в качестве аргумента в done и fail обратные вызовы. Он также может возвращать другой отложенный объект, и на этом отложенном объекте будут зарегистрированы следующие обратные вызовы.

  это не так с .then() (или .done(),.fail()), возвращаемые значения зарегистрированных обратных вызовов просто игнорируются.

так это не то, что вы используете или.then()или.pipe(). Ты может использовать .pipe() для тех же целей, что .then() но обратное не держится.

---

Пример 1

результатом некоторой операции является массив объектов:

[{value: 2}, {value: 4}, {value: 6}]

и вы хотите, чтобы вычислить минимальное и максимальное значения. Предположим, мы используем два done обратные вызовы:

deferred.then(function(result) {
    // result = [{value: 2}, {value: 4}, {value: 6}]

    var values = [];
    for(var i = 0, len = result.length; i < len; i++) {
        values.push(result[i].value);
    }
    var min = Math.min.apply(Math, values);

   /* do something with "min" */

}).then(function(result) {
    // result = [{value: 2}, {value: 4}, {value: 6}]

    var values = [];
    for(var i = 0, len = result.length; i < len; i++) {
        values.push(result[i].value);
    }
    var max = Math.max.apply(Math, values);

   /* do something with "max" */ 

});

в обоих случаях вы должны перебирать перечислите и извлеките значение из каждого объекта.

не лучше ли каким-то образом извлечь значения заранее, чтобы вам не пришлось делать это в обоих обратных вызовах по отдельности? Да! И это то, что мы можем использовать .pipe() для:

deferred.pipe(function(result) {
    // result = [{value: 2}, {value: 4}, {value: 6}]

    var values = [];
    for(var i = 0, len = result.length; i < len; i++) {
        values.push(result[i].value);
    }
    return values; // [2, 4, 6]

}).then(function(result) {
    // result = [2, 4, 6]

    var min = Math.min.apply(Math, result);

    /* do something with "min" */

}).then(function(result) {
    // result = [2, 4, 6]

    var max = Math.max.apply(Math, result);

    /* do something with "max" */

});

очевидно, что это придуманный пример, и есть много разных (может быть, лучше) способов решить эту проблему, но я надеюсь, что это иллюстрирует суть.

---

Пример 2

рассмотрим вызовы Ajax. Иногда вы хотите инициировать один вызов Ajax после завершения предыдущего. Один из способов-сделать второй вызов внутри done обратного вызова:

$.ajax(...).done(function() {
    // executed after first Ajax
    $.ajax(...).done(function() {
        // executed after second call
    });
});

теперь предположим, что вы хотите отделить свой код и поместить эти два вызова Ajax внутри функции:

function makeCalls() {
    // here we return the return value of `$.ajax().done()`, which
    // is the same deferred object as returned by `$.ajax()` alone

    return $.ajax(...).done(function() {
        // executed after first call
        $.ajax(...).done(function() {
            // executed after second call
        });
    });
}

вы хотели бы использовать отложенный объект, чтобы разрешить другой код, который вызывает makeCalls чтобы прикрепить обратные вызовы для второй AJAX-вызов, но

makeCalls().done(function() {
    // this is executed after the first Ajax call
});

не было бы желаемого эффект как второй вызов производится внутри done обратный вызов и не доступны снаружи.

решение было бы использовать .pipe() вместо:

function makeCalls() {
    // here we return the return value of `$.ajax().pipe()`, which is
    // a new deferred/promise object and connected to the one returned
    // by the callback passed to `pipe`

    return $.ajax(...).pipe(function() {
        // executed after first call
        return $.ajax(...).done(function() {
            // executed after second call
        });
    });
}

makeCalls().done(function() {
    // this is executed after the second Ajax call
});

С помощью .pipe() теперь вы можете добавить обратные вызовы к "внутреннему" вызову Ajax, не раскрывая фактический поток/порядок вызовов.

---

в общем, отложенные объекты предоставляют интересный способ развязать ваш код:)