約束関数が結果を返すまでループ

Question

私が望む結果が得られるまで、私は約束関数でループを探しています。

function pull() { 
    dataFactory.pullFunction().then(function(res) { 
     pull()  
    }) 
} 

しかし、それは私に例えば私のローディングバーのためのいくつかのフロントエンド/スタイルのバグを与えている：今、私はこのような再帰を使用しているのよう

。

私はこのような何かをするだろう：

function pull() { 
    while (res.status == 'ONGOING') { 
     dataFactory.pullFunction().then(function(res) { 
      // my stuffs 
     }) 
    } 
} 

をしかし、私はそれをしようとするとpullFunction（）が呼び出されることはありません。

Answer 1

ちょうどあなたがここに非同期操作を扱っている、あなたは伝統的なwhileかforループとループにそれをすることはできませんisOngoing変数

let isOngoing = false; 
function pull() { 
    isOngoing = true; 
    dataFactory.pullFunction() 
    .then(res => { 
     if(<your-condition>) { 
     isOngoing = false; 
     } else { 
     pull(); 
     } 
    }) 
} 

編集に

を作成します。あなたの環境でasync/await機能を使用できるようにしていない限り、

Answer 2

async/awaitを使用できない場合は、自分自身を呼び出す関数を使用する必要があります。コールスタックが通常の（同期的な）再帰のように増えていないため、これは実際の真の再帰ではありません。

しかし、あなたは約束を守る必要があります。だから返信約束をして、残りのコードでpullの最初の呼び出しでもthenを使用してください。

おそらく、取得したデータチャンクを1つのデータセットにまとめることもできます。

ここでは、レスポンスオブジェクトがデータのチャンクを持つデータ属性を持つと仮定します。ここで

はそれが（pullFunctionのダミー実装を）うまくいく可能性がどのようである：

function pull() { 
 
    return (function loop(data) { 
 
     return dataFactory.pullFunction().then (res => { 
 
      return res.status === 'ONGOING' 
 
       ? loop(data.concat(res.data)) 
 
       : data.concat(res.data) 
 
     }); 
 
    })([]); 
 
} 
 

 
// Mock implementation 
 
var dataFactory = { 
 
    pullFunction: function() { 
 
     console.log('pull'); 
 
     return new Promise(resolve => { 
 
      setTimeout(_ => 
 
       resolve({ 
 
        status: Math.random() > 0.7 ? 'DONE' : 'ONGOING', 
 
        data: [1,2,3,4] 
 
       }), 
 
      500) 
 
     }); 
 
    } 
 
} 
 

 
// test it 
 
pull().then((data) => { 
 
    console.log('data: ', data); 
 
});

.as-console-wrapper { max-height: 100% !important; top: 0; }