Javascript如何處理循環(huán)

今天小編給大家分享一下Javascript如何處理循環(huán)的相關(guān)知識點，內(nèi)容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

案例：

compute.exec()這是個異步方法,在里面處理一些實際業(yè)務(wù)，這時候打印出來的很可能就是300,300,300（因為異步for循環(huán)還沒有等異步操作返回Promise對象過來i值已經(jīng)改變成300了）

function getMoney(){
    var money=[100,200,300]
    for(let i=0; i<money.length; i++){
        compute.exec().then(()=>{
            console.log(money[i])
        })
    }
}

一、async/await 處理思路

async function getMoney(){
    var money=[100,200,300]
    for( let i=0; i<money.length; i++){
        await compute.exec().then(()=>{
            console.log(money[i])
        })
    }
}
// async告訴getMoney方法里面存在異步的操作
// await放在具體異步操作（方法）前面，意思是等待該異步返回Promise才會繼續(xù)后面的操作

二、遞歸處理思路

function getMoney(i) {
　　var money=[100,200,300]
　　compute.exec().then(() => {
　　　　if ( i < money.length ) {
　　　 　　console.log(money[i]);
　　　 　　i++;
      　　getMoney(i);
    　　}
  　});
}
getMoney(0);//開始調(diào)用
//用遞歸來實現(xiàn)自我循環(huán)（具體循環(huán)在then里面，可以確保前面的compute.exec()的異步操作完成）.then()是返回了Promise對象為resolve后才進行的（可以了解一下Promise對象）

以上就是“Javascript如何處理循環(huán)”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關(guān)注億速云行業(yè)資訊頻道。