循環，直到承諾函數給出結果

Question

我正在尋找循環承諾函數，直到我有我想要的結果。

截至目前我使用遞歸性是這樣的：

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

但是，這讓我對我的例如加載條一些前端/風格的bug。

我會做這樣的事情：

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

但是當我嘗試它的pullFunction（）不會被調用。

Answer 1

只需創建一個isOngoing變量

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

編輯

你處理異步操作在這裏，你不能與傳統的while或for循環迴路它。除非您的環境允許您使用async/await功能。

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

Answer 2

如果你不能使用async/await那麼你必須使用一個自己調用的函數。這不是真正的遞歸，因爲調用堆棧不像通常的（同步）遞歸那樣構建。

但是，你需要堅持承諾一路。所以返回的承諾，並繼續使用then，也在pull在您的其他代碼的初始調用。

也許你也想收集你從你的拉數據塊到一個數據集。

我會在這裏假設響應對象將具有數據塊的數據屬性。

這裏是如何可能會工作（與虛擬執行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; }