等待所有承诺解决
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了等待所有承诺解决相关的知识,希望对你有一定的参考价值。
所以我有一种情况,我有多个未知长度的承诺链。我希望在处理完所有CHAINS后运行一些操作。这甚至可能吗?这是一个例子:
app.controller('MainCtrl', function($scope, $q, $timeout) {
var one = $q.defer();
var two = $q.defer();
var three = $q.defer();
var all = $q.all([one.promise, two.promise, three.promise]);
all.then(allSuccess);
function success(data) {
console.log(data);
return data + "Chained";
}
function allSuccess(){
console.log("ALL PROMISES RESOLVED")
}
one.promise.then(success).then(success);
two.promise.then(success);
three.promise.then(success).then(success).then(success);
$timeout(function () {
one.resolve("one done");
}, Math.random() * 1000);
$timeout(function () {
two.resolve("two done");
}, Math.random() * 1000);
$timeout(function () {
three.resolve("three done");
}, Math.random() * 1000);
});
在这个例子中,我为承诺一,二和三设置了一个$q.all()
,它将在一些随机时间得到解决。然后我将承诺添加到第一和第三的末尾。我希望all
解决所有链都已解决的问题。这是我运行此代码时的输出:
one done
one doneChained
two done
three done
ALL PROMISES RESOLVED
three doneChained
three doneChainedChained
有没有办法等待连锁店解决?
当所有链都已解决时,我希望所有人都解决。
当然,然后将每个链的承诺传递给all()
而不是最初的承诺:
$q.all([one.promise, two.promise, three.promise]).then(function() {
console.log("ALL INITIAL PROMISES RESOLVED");
});
var onechain = one.promise.then(success).then(success),
twochain = two.promise.then(success),
threechain = three.promise.then(success).then(success).then(success);
$q.all([onechain, twochain, threechain]).then(function() {
console.log("ALL PROMISES RESOLVED");
});
accepted answer是正确的。我想举一个例子来向那些不熟悉promise
的人详细说明。
例:
在我的示例中,我需要在呈现内容之前将src
标记的img
属性替换为不同的镜像URL(如果可用)。
var img_tags = content.querySelectorAll('img');
function checkMirrorAvailability(url) {
// blah blah
return promise;
}
function changeSrc(success, y, response) {
if (success === true) {
img_tags[y].setAttribute('src', response.mirror_url);
}
else {
console.log('No mirrors for: ' + img_tags[y].getAttribute('src'));
}
}
var promise_array = [];
for (var y = 0; y < img_tags.length; y++) {
var img_src = img_tags[y].getAttribute('src');
promise_array.push(
checkMirrorAvailability(img_src)
.then(
// a callback function only accept ONE argument.
// Here, we use `.bind` to pass additional arguments to the
// callback function (changeSrc).
// successCallback
changeSrc.bind(null, true, y),
// errorCallback
changeSrc.bind(null, false, y)
)
);
}
$q.all(promise_array)
.then(
function() {
console.log('all promises have returned with either success or failure!');
render(content);
}
// We don't need an errorCallback function here, because above we handled
// all errors.
);
说明:
来自AngularJS docs:
then
方法:
然后(successCallback,errorCallback,notifyCallback) - 无论何时或将要解决或拒绝承诺,只要结果可用,就会异步调用其中一个成功或错误回调。使用单个参数调用回调:结果或拒绝原因。
$ q.all(许诺)
将多个promise组合成一个promise,在解析所有输入promise时解析。
promises
param可以是一系列的承诺。
关于bind()
,更多信息:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind
最近有这个问题,但承诺数量未知。使用jQuery.map()解决。
function methodThatChainsPromises(args) {
//var args = [
// 'myArg1',
// 'myArg2',
// 'myArg3',
//];
var deferred = $q.defer();
var chain = args.map(methodThatTakeArgAndReturnsPromise);
$q.all(chain)
.then(function () {
$log.debug('All promises have been resolved.');
deferred.resolve();
})
.catch(function () {
$log.debug('One or more promises failed.');
deferred.reject();
});
return deferred.promise;
}
有一种方法。 $q.all(...
你可以检查下面的东西:
http://jsfiddle.net/ThomasBurleson/QqKuk/
你可以使用"await" in an "async function"。
app.controller('MainCtrl', async function($scope, $q, $timeout) {
...
var all = await $q.all([one.promise, two.promise, three.promise]);
...
}
注意:我不是100%确定您可以从非异步功能调用异步功能并获得正确的结果。
这说不会在网站上使用它。但是对于负载测试/集成测试......也许。
示例代码:
async function waitForIt(printMe) {
console.log(printMe);
console.log("..."+await req());
console.log("Legendary!")
}
function req() {
var promise = new Promise(resolve => {
setTimeout(() => {
resolve("DARY!");
}, 2000);
});
return promise;
}
waitForIt("Legen-Wait For It");
以上是关于等待所有承诺解决的主要内容,如果未能解决你的问题,请参考以下文章