我正在尝试使用 JS 通过 XHR 获取所有页面Promise。
对我来说，通过递归回调来实现这一点相对微不足道，但是我如何通过承诺来实现这一点？
没有承诺的简化示例：
class Foo {
getPages(callback, pagesCount)
{
if (typeof(pagesCount) === 'undefined') {
pagesCount = 0;
}
// Let's say its async XHR
window.setTimeout(() => {
++pagesCount;
// Let's say that in 90% of cases we will get a full page
if (Math.random() < 0.9) {
console.log('Page received!');
this.getPages(callback, pagesCount);
} else {
console.log('Last page received!');
callback(pagesCount);
}
}, 1000);
}
doStuff(pagesCount)
{
console.log('Total pages: ' + pagesCount);
}
run()
{
this.getPages(this.doStuff);
}
}
(new Foo()).run();
我正在努力实现以下目标：
class Foo {
getPages()
{
...
}
doStuff(pagesCount)
{
console.log('Total pages: ' + pagesCount);
}
run()
{
this.getPages().then(this.doStuff);
}
}
(new Foo()).run();
在async/await递归承诺出现之前确实是不可能的。您必须将承诺转换为回调友好代码并使用回调进行递归。
但是，async/await允许您做您想做的事：
async getPages(pagesCount)
{
if (typeof(pagesCount) === 'undefined') {
pagesCount = 0;
}
// Let's say its async XHR
while () {
// Call promisified XHR like this:
// xhrResult = await XHR();
// Call callback based XHR like this:
// xhrResult = await new Promise(function(ok,err){
// XHR(function (error, result) {
// if (error) {
// err(error)
// } else {
// ok(result)
// }
// });
if (Math.random() < 0.9) {
console.log('Page received!');
return await getPages(pagesCount);
} else {
console.log('Last page received!');
return pagesCount;
}
};
}
注意：所有函数都标有async返回承诺。所以现在你可以这样做：
getPages(100).then(count => console.log(count + ' pages left'))
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句