javascript – Promise.all()没有以预期的顺序解决承诺
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Promise.all()没有以预期的顺序解决承诺,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含3658字,纯文字阅读大概需要6分钟。
内容图文
如果我正确理解Promise.all(),我希望这段代码需要5秒才能将拒绝的承诺的原因输出到控制台.
function firstAsyncFunction() {
return new Promise(function(resolve, reject){
setTimeout(function(){
resolve(console.log('First async function has been resolved!'));
}, 500);
});
}
function secondAsyncFunction() {
return new Promise(function(resolve, reject) {
setTimeout(function(){
resolve(console.log('Second async function has been resolved!'));
}, 2000);
});
}
function thirdAsyncFunction() {
return new Promise(function(resolve, reject) {
setTimeout(function() {
reject('Internal server error'); // rejected for some reason
}, 5000);
});
};
Promise.all([secondAsyncFunction(), firstAsyncFunction(), thirdAsyncFunction()])
.then(function(values){
values.forEach(function(value){
console.log(value);
});
}).catch(function(err){
console.log(err);
});
相反,前两个承诺解决,然后最终的承诺拒绝.此外,前两个承诺甚至不按它们传递给Promise.all()的顺序解析.我是否需要以不同的方式撰写我的承诺才能看到我期待的行为?
编辑
Promise.all()确实会等到迭代中的所有promise都传递给它解析.我的第一个线索是控制台输出undefined(感谢Jaromanda X).如果我在解析firstAsyncFunction()和secondAsyncFunction()中删除对console.log()的调用,则以下代码完全按照我的预期工作:
function firstAsyncFunction() {
return new Promise(function(resolve, reject){
setTimeout(function(){
resolve('First async function has been resolved!');
}, 1000);
});
}
function secondAsyncFunction() {
return new Promise(function(resolve, reject) {
resolve('Second async function has been resolved!');
});
}
function thirdAsyncFunction() {
return new Promise(function(resolve, reject) {
setTimeout(function() {
reject('Internal server error');
}, 5000);
});
};
Promise.all([
thirdAsyncFunction(),
firstAsyncFunction(),
secondAsyncFunction()
])
.then(function(values){
values.forEach(function(value){
console.log(value);
});
})
.catch(function(err){
console.log(err);
});
五秒钟后,我只看到“内部服务器错误”. Promise.all()拒绝其他承诺,即使它们比被拒绝的承诺更早解决.是的,Promise.all()解析的值将与作为参数传入的iterable中的promise相同.感谢你的帮助!
还有一个例子:
function firstAsyncFunction() {
return new Promise(function(resolve, reject){
setTimeout(function(){
resolve('First async function has been resolved!');
}, 1000);
});
}
function secondAsyncFunction() {
return new Promise(function(resolve, reject) {
resolve('Second async function has been resolved!');
});
}
function thirdAsyncFunction() {
return new Promise(function(resolve, reject) {
setTimeout(function() {
resolve({
users: [
{ name: 'Ronnie', age: 22 },
{ name: 'Bobby', age: 21 },
{ name: 'Ricky', age: 21 },
{ name: 'Mike', age: 20 }
]
});
}, 5000);
});
};
Promise.all([thirdAsyncFunction(), firstAsyncFunction(), secondAsyncFunction()])
.then(function(values){
values.forEach(function(value){
console.log(value);
});
})
.catch(function(err){
console.log(err);
});
五秒钟后,此代码将输出:
{ users:
[ { name: 'Ronnie', age: 22 },
{ name: 'Bobby', age: 21 },
{ name: 'Ricky', age: 21 },
{ name: 'Mike', age: 20 } ] }
First async function has been resolved!
Second async function has been resolved!
正是我们想要的.
解决方法:
Promise.all不对承诺施加任何命令,它们在履行时履行
在另外两个“解决”之后,第三个承诺“拒绝”,所以前两个在最后一个被解决之前被拒绝的事实是预期的
顺便说一句,你的前两个承诺是解析未定义的值并输出到控制台 – 这就是为什么你可能会认为Promise.all正在做一些它不应该做的事情
Do I need to compose my promises differently to see the behavior I’m expecting?
你不会完全得到你期望的行为,因为你期望承诺以特定的顺序解决,唯一可能发生的方式是承诺在它能够实现之前等待前一个承诺,所以时间会是累积的,而不是平行的,所以在这种情况下,你不会得到7.5秒的拒绝,而不是你“期望”的5秒
内容总结
以上是互联网集市为您收集整理的javascript – Promise.all()没有以预期的顺序解决承诺全部内容,希望文章能够帮你解决javascript – Promise.all()没有以预期的顺序解决承诺所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。