[英]Chaining promises with promises inside then()
你如何在这样的场景中链接?
api是一个在http请求后返回promise的函数。 auth是一个函数,在api响应后返回一个promise,如果第二次调用api ,如果不是auth拒绝的话。
我尝试过这个,但不仅仅是我回到了回调地狱,它不起作用。
function api(query) {
return new Promise(function(resolve, reject) {
//DO SOME STUFF AND SOMETIMES resolves...
})
}
function auth() {
return new Promise(function(resolve, reject) {
api("/foo").then(function(asset1) {
api("/bar").then(function(asset2) {
resolve(asset2);
}).catch(function() {
reject();
})
}).catch(function(error) {
reject();
})
})
}
据我所知,您正在尝试做什么,以下代码也将解决asset2
。 除此之外,我猜api
函数正在执行http请求,因此您可以使用request-promise
lib而不是使用new Promise
转换回调api。
function api(query) {
return new Promise(function(resolve, reject) {
//DO SOME STUFF AND SOMETIMES resolves...
})
}
function auth() {
return api("/foo")
.then(() => api("/bar"))
}
有了这个调用者会做类似的事情:
auth()
.then(asset2 => ...)
.catch(err => ...)
如果调用api
顺序不重要,就像@styfle在注释中指出的那样,你可以使用Promise.all
编写它
function auth () {
return Promise.all([
api("/foo"),
api("/bar")
])
}
来自Promises标准 :
如果x是一个promise,则采用其状态[3.4]:如果x处于未决状态,则promise必须保持挂起状态,直到x被满足或拒绝为止。 如果/当x满足时,用相同的值履行承诺。 如果/当x被拒绝时,拒绝承诺的原因相同。
下一个示例打印'finalVal':
let resolveP1 = null;
let p1 = new Promise(function(resolve, reject) {
resolveP1 = resolve;
});
let p2 = new Promise(function(resolve, reject) {
resolve(p1);
});
let p3 = p2.then(function(finalVal) {
console.log(finalVal);
});
resolveP1('finalVal')
我认为这应该对你有帮助。
只是一个观察: then
方法总是返回基于先前的承诺解决方案的承诺。 如果先前的承诺得到解决,它会将已解决的值传递给下一个承诺。 否则它会将错误发送到catch
方法。
function auth () {
/*
Since `then` already returns a new Promise,
you don't need to create a new Promise.
*/
return api('/foo').then(function (asset1) {
return api('/bar')
})
}
/*
So you can call auth:
*/
auth().then(function (asset2) {
console.log('This is my asset2:', asset2)
}).catch(function (error) {
console.error('Error', error)
})
更简洁的方法:
return myFirstPromise.then( (returnFromFirst) => {
//Do something
return secondPromise();
}).then( (returnFromSecond) => {
//Do something
return thirdPromise();
}).then( (returnFromThird) => {
//All Done
}).catch( (e) =>{}
console.error("SOMETHING WENT WRONG!!!");
);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.