如何构造嵌套的承诺
How to structure nested Promises
我有一种情况,我认为我唯一的选择是在彼此嵌套一些承诺。我有一个需要执行的承诺和一个方法,直到那个承诺完成。像这样:
let promise = new Promise((resolve, reject) => {
// Do some stuff
});
doSomethingUntilPromiseisDone(promise);
然而,在我的承诺,我需要执行另一个方法,返回另一个承诺:
let promise = new Promise((resolve, reject) => {
fetchValue(url)
.then((value) => {
// Do something here
}).catch((err) => {
console.error(err);
});
});
doSomethingUntilPromiseisDone(promise);
但是现在,在fetchValue
方法的then
语句中,我需要执行另一个方法,你猜怎么着,返回另一个Promise:
let promise = new Promise((resolve, reject) => {
fetchValue(url)
.then((value) => {
saveToCache(value)
.then((success) => {
console.log('success!!');
resolve('success');
});
}).catch((err) => {
console.error(err);
});
});
doSomethingUntilPromiseisDone(promise);
所以最后,我有一个承诺,在一个承诺中,在一个承诺中。有没有什么方法可以让我更好地组织它,让它更直接?它们彼此嵌套似乎与Promise的预期链接方法背道而驰。
使用.then()
let doStuff = (resolve, reject) => {/* resolve() or reject() */};
let promise = new Promise(doStuff);
doSomethingUntilPromiseisDone(
promise
.then(value => fetchValue(url))
.then(value => value.blob())
.then(saveToCache)
)
.then(success => console.log("success!!"))
.catch(err => console.error(err))
您可以使用generator
来平嵌套的承诺(Bluebird。程序或生成器)
//Bluebird.couroutine
const generator = Promise.coroutine(function*() {
try {
const value = yield fetchValue(url);
const success = yield saveToCache(value);
console.log('success:', success);
} catch(e) {
console.error(err);
}
}));
generator();
每个函数将使用前一个方法的结果调用下一个函数。
var promises = [1,2,3].map((guid)=>{
return (param)=> {
console.log("param", param);
var id = guid;
return new Promise(resolve => {
// resolve in a random amount of time
setTimeout(function () {
resolve(id);
}, (Math.random() * 1.5 | 0) * 1000);
});
}
}).reduce(function (acc, curr, index) {
return acc.then(function (res) {
return curr(res[index-1]).then(function (result) {
console.log("result", result);
res.push(result);
return res;
});
});
}, Promise.resolve([]));
promises.then(console.log);
相关文章:
- 嵌套承诺会产生类似的效果
- 如何将嵌套设置超时转换为承诺
- 干净的代码和嵌套的承诺
- 蓝鸟承诺 - 嵌套与拒绝模式
- 如何展平嵌套承诺依赖项
- 余烬嵌套的路线和承诺
- 嵌套承诺
- 测试嵌套AngularJS与Jasmine的承诺
- 转换嵌套'对于'循环成一个承诺,为了一个承诺?嵌套承诺
- 嵌套承诺与q-io
- 如何将嵌套承诺与Q连锁?我可以'Don’我不能让它们按正确的顺序运行
- 在嵌套承诺链中重新引发异常
- 此代码中嵌套承诺的目的是什么
- 嵌套承诺执行不同步
- 嵌套的 AJAX 调用列表和 $.when.apply - 延迟承诺无法正常工作
- AngularJs $q.all 不会用混合的嵌套承诺来解决
- 使用模拟工厂在茉莉花中测试嵌套承诺
- angular.foreach 解析嵌套承诺
- 如何避免用$q嵌套承诺
- 使用请求-承诺的嵌套异步请求