>假设一个返回自定义承诺的函数。对于此示例,让我们假设需要一个自定义承诺:
(注意:环境是执行ES5的AngularJS[即1.x](
function doMyFunction() {
var d = $q.defer();
do1()
.then (function () { return do2(); }) //P1
.then (function () { return do3(); }) // P2
.then {function () {console.log ("All good"); d.resolve(true); return d.promise;}) // P3
.catch (function () {
console.log ("Oh no");
fallback1()
.then (function () {
console.log ("Ah this fallback1 worked");
d.resolve(true);
return d.promise;
}, function () {
console.log ("Oh no, fallback failed, do I have to go through nested hell to now try fallback 2?");
d.resolve(false);
return d.promise;
});
return d.promise;
}
如上所述,我正在尝试按顺序尝试不同的方法,只有当前一种方法失败时。
如果我尝试像这样将其展平:
// lets start from the last promise above
.then {function () {console.log ("All good"); d.resolve(true); return d.promise;}) // P3
.catch (function () { return fallback1(); })
.then (function () { d.resolve(true); return d.promise; }) // P4
.catch (function () {})
这实际上不起作用,因为当 P3 成功时也会执行 P4。
处理我需要按顺序尝试多个基于 promise 的函数并且仅在前一个函数失败的情况下处理这种情况的好方法是什么?
另外,我不确定我是否真的可以做.then().catch().then().catch()
在这种情况下,有没有一种干净的方法来避免嵌套地狱?
你可以只链接catch
方法调用,因为catch
还返回一个可以解析或拒绝的承诺。因此,您实际上将在catch
回调中执行下一个回退:
function perform(i) { // Some mock function for this demo returning a promise
return new Promise((resolve, reject) => {
console.log('try with ' + i);
setTimeout(() => {
if (i < 4) reject("some error"); else resolve(i);
}, 100);
});
}
function doMyFunction() {
return perform(1)
.catch( () => perform(2) )
.catch( () => perform(3) )
.catch( () => perform(4) ) // <-- this is the first one that resolves
.catch( () => perform(5) ) // <-- this callback is never executed
.catch( () => perform(6) ); // <-- (idem)
}
doMyFunction().then( (i) => console.log('Success with step ' + i) ); // <-- final result
请注意,使用 AngularJS 下的 ES5 代码,第一个模拟函数如下所示:
function perform(i) { // Some function returning a promise
var d = q$.defer();
console.log('try with ' + i);
setTimeout(() => {
if (i < 4) d.reject("some error"); else d.resolve(i);
}, 100);
return d.promise();
}
与其他处理程序结合使用
如果您的逻辑之间有其他处理程序,则可以在函数中使用上述原则,只需调用该函数即可为其提供所有可能的回退:
function perform(i) { // Some mock function for this demo returning a promise
return new Promise((resolve, reject) => {
console.log('try with ' + i);
setTimeout(() => {
if (i < 4) reject("some error"); else resolve(i);
}, 100);
});
}
function tryAndFallback(fallbacks) {
return (function loop(fallbacks) {
if (!fallbacks.length) return Promise.reject("Nothing worked!");
return fallbacks[0]().catch( () => loop(fallbacks.slice(1)) );
})(fallbacks);
}
function doMyFunction() {
return Promise.resolve() // <-- some promise that is just fine
// Now a task that has a few fallbacks
.then( () => tryAndFallback([() => perform(2),
() => perform(3),
() => perform(4)]) )
.then( () => console.log('more work can be done here') );
}
doMyFunction().then( (i) => console.log('All done') ); // <-- final result
你有没有研究过 async/await for javascript? https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function
验证浏览器兼容性是否可接受。
async function() {
let first, second, third, fourth;
try {
first = await do1();
second = await do2();
third = await do3();
fourth = await do4();
return fourth;
} catch(e){
console.log(e + ' failed. Reverting back to the first')
}
return first;
}
我纳闷。未经测试,但由于它们都是未定义的,如果您只想返回最后一个接受的项目,那么您可以在捕获后测试以下最终返回,如下所示:
return fourth || third || second || first;
它应该只返回第一个有效结果,这将是具有可接受值的最终结果。
正确的承诺链接应如下所示
function doWholeWork(){
return work1().
then((work1Result)=>{
return work2();
})
then((work2Result)=>{
return work3();
})
.catch(error=>{
console.log("Some error happened", error)
});
}