我如何順序鏈接承諾與angularjs $ q？

Question

在承諾庫Q，你可以做以下順序鏈的承諾：

var items = ['one', 'two', 'three']; 
var chain = Q(); 
items.forEach(function (el) { 
    chain = chain.then(foo(el)); 
}); 
return chain; 

但是，以下不$ Q工作：

var items = ['one', 'two', 'three']; 
var chain = $q(); 
items.forEach(function (el) { 
    chain = chain.then(foo(el)); 
}); 
return chain; 

Answer 1

只需使用$ q.when（）函數：

var items = ['one', 'two', 'three']; 
var chain = $q.when(); 
items.forEach(function (el) { 
    chain = chain.then(foo(el)); 
}); 
return chain; 

注意：foo m最好是工廠，例如

function setTimeoutPromise(ms) { 
    var defer = $q.defer(); 
    setTimeout(defer.resolve, ms); 
    return defer.promise; 
} 

function foo(item, ms) { 
    return function() { 
    return setTimeoutPromise(ms).then(function() { 
     console.log(item); 
    }); 
    }; 
} 

var items = ['one', 'two', 'three']; 
var chain = $q.when(); 
items.forEach(function (el, i) { 
    chain = chain.then(foo(el, (items.length - i)*1000)); 
}); 
return chain; 

Answer 2

Redgeoff，你自己的答案是我用於轉化爲數組鏈一系列承諾的方式。

緊急事實上模式如下：

function doAsyncSeries(arr) { 
    return arr.reduce(function (promise, item) { 
     return promise.then(function(result) { 
     return doSomethingAsync(result, item); 
     }); 
    }, $q.when(initialValue)); 
} 

//then 
var items = ['x', 'y', 'z']; 
doAsyncSeries(items).then(...); 

注：

• .reduce是原始的JavaScript，而不是一個庫的一部分。
• result是以前的異步結果/數據，爲了完整而包括在內。初始result是initialValue。如果沒有必要傳遞結果，那就簡單地將它排除在外。
• adapt $q.when(initialValue)取決於您使用哪個promise lib。
• 在你的情況下，doSomethingAsync是foo（或什麼foo（）返回？） - 在任何情況下，一個函數。

如果你和我一樣，那麼這個圖案看起來就像一個無法穿透的衣服，但是一旦你的眼睛變得適合，你就會開始認爲它是一個老朋友。

編輯

這裏有一個demo，旨在證明，上述推薦的模式其實不按順序執行其doSomethingAsync()電話，沒有立即在構建鏈在下面的意見建議。

Answer 3

我更喜歡使用angular.bind（或Function.prototype.bind）返回promise的函數，然後使用reduce快捷方式將它們鏈接到一個鏈中。例如

// getNumber resolves with given number 
var get2 = getNumber.bind(null, 2); 
var get3 = getNumber.bind(null, 3); 
[get2, get3].reduce(function (chain, fn) { 
    return chain.then(fn); 
}, $q.when()) 
.then(function (value) { 
    console.log('chain value =', value); 
}).done(); 
// prints 3 (the last value) 

Answer 4

你的回答是正確的。不過，我想我會提供一個替代方案。如果您發現自己經常連續承諾承諾，您可能對$q.serial感興趣。

var items = ['one', 'two', 'three']; 
var tasks = items.map(function (el) { 
    return function() { foo(el, (items.length - i)*1000)); }); 
}); 

$q.serial(tasks); 

function setTimeoutPromise(ms) { 
    var defer = $q.defer(); 
    setTimeout(defer.resolve, ms); 
    return defer.promise; 
} 

function foo(item, ms) { 
    return function() { 
    return setTimeoutPromise(ms).then(function() { 
     console.log(item); 
    }); 
    }; 
} 

Answer 5

在也許比redgeoff's answer方式簡單，如果你不需要它的自動化，如在this post開始你可以鏈的承諾使用$q.when()與.then()結合。 return $q.when() .then(function(){ return promise1; }) .then(function(){ return promise2; });

Answer 6

更改此：

var items = ['one', 'two', 'three']; 

這樣：

var items = [ 
    foo.bind(null, 'one'), 
    foo.bind(null, 'two'), 
    foo.bind(null, 'three') 
]; 

然後一行：

return items.reduce($q.when, $q.resolve()); 

Answer 7

var when = $q.when(); 

for(var i = 0; i < 10; i++){ 
    (function() { 
     chain = when.then(function() { 
     return $http.get('/data'); 
     }); 

    })(i); 
}