鏈的多個「然後」在jQuery.when

Question

我有一個做了這樣的功能：

function do_something() { 
    // some code 

    return $.when(foo, bar, baz).then(do_something_else); 
} 

function do_something_else(_foo, _bar, _baz) { 
    // do something else 

    return /* the original inputs */; 
} 

所以，當有人使用do_something，他們也可以鏈更加回調，如：

do_something().then(function(_foo_2, _bar_2, _baz_2) { 
    console.log(_foo_2, _bar_2, _baz_2); 
}); 

問題是我不知道如何繞過原來從do_something_else返回到所描述的匿名函數。我不想接收一個列表，而是使用位置參數，所以「when foo」爲do_something_else的_foo插入一些值，然後相同的值將變爲_foo_2。

我該如何在JS中做到這一點？

Answer 1

使用.then中的匿名函數並傳遞要傳遞的參數。我將.then替換爲.done，因爲在這種情況下您不需要.then。

function do_something() { 
    // some code 

    return $.when(foo, bar, baz).done(function(_foo_2, _bar_2, _baz_2){ 
     do_something_else.apply(this,_foo_2); 
    }); 
} 

。然後實際創建一個新的延遲對象並將其發送到鏈。由於您沒有從.then返回任何內容，因此新的延遲對象沒有參數。看到這個例子：

$.when($.Deferred().resolve(2), $.Deferred().resolve(4)) 
.then(function(a,b) { 
    console.log(a,b); // 2,4 
    return $.Deferred().resolve(a,b,6); 
}).then(function(a,b,c) { 
    console.log(a,b,c); // 2,4,6 
}); 

如果改爲只用.done，預期它會工作。

$.when($.Deferred().resolve(2), $.Deferred().resolve(4)) 
.done(function(a,b) { 
    console.log(a,b); 
}).done(function(a,b) { 
    console.log(a,b); 
}); 

爲.then最常見的用途是鏈接的Ajax請求：

$.ajax({...}).then(function(){ 
    return $.ajax({...}); 
}).then(function(){ 
    return $.ajax({...}); 
}).then(function(){ 
    return $.ajax({...}); 
}).then(function(){ 
    return $.ajax({...}); 
}); 

這也可以在一個循環中輕鬆完成。每個.then將有權訪問先前請求中返回的數據。