在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ js函數(shù)先后執(zhí)行的問題

js函數(shù)先后執(zhí)行的問題

情境是這樣的，一個頁面有評價模塊，詳情模塊，以及圖片模塊，后臺分別設置了對應的三個接口，因為整個頁面都是從詳情模塊建立dom模板的，也就是說圖片和評價后臺各會返回一個數(shù)據(jù)，需要我填充到詳情模塊里去，有沒有辦法讓我先調用了評價的ajax方法再調用圖片的ajax，最后再將里面重要的兩個數(shù)據(jù)，一起匯總到核心模塊詳情里？有沒辦法讓前兩個函數(shù)先執(zhí)行得到我要的結果再繼續(xù)最后一個函數(shù)呢？
我是這么寫的：
這種方法可以保證getPic,getEva先執(zhí)行嗎？？？

function getDetali(){  //獲取詳情的信息
getPic()//圖片函數(shù)，返回一個圖片數(shù)組
getEva()//評價函數(shù)，返回評價等級
if(xxxxx){
   showDetail() //顯示整個界面
}
}
回答
編輯回答
安于心

clipboard.png
類似這樣算不算是回調函數(shù)呢？有一部分沒截圖就是頁面加載之初就調用了getDeatil(getEvaluation)

2018年7月20日 09:31
編輯回答
別硬撐

promise

2017年11月9日 23:00
編輯回答
柚稚

回調:

function getDetali(){ 
    getPic(function(d1) {
        getEva(fucntion(d2) {
            if(d1 && d2) {
               showDetail(d2)      
            }
        })  
    }) 
}

function getPic(cb) {
    ajax({
        success(d){
            if(cb) cb(d)
        }
    })
}
function getEva(cb) {
    ajax({
            success(d){
                if(cb) cb(d)
            }
        })
}
function showDetail (cb) {
    ajax({
        success(d){
            if(cb) cb(d)
        }
    })
}

promise：


function getDetali(){ 
    getPic().then(getEva).then(showDetail)
}


function getPic() {
    return new Promise((reslove, reject) => {
        ajax({
            success(d){
                if(d) reslove(d)
            }
        })  
    })
}
function getEva() {
    return new Promise((reslove, reject) => {
        ajax({
            success(d){
                if(d) reslove(d)
            }
        })  
    })
}
function showDetail () {
    return new Promise((reslove, reject) => {
        ajax({
            success(d){
                if(d) reslove(d)
            }
        })  
    })
}

async/await:

    async(()=>{
        const d1 = await getPic()
        const d2 = await getEva()
        if(d1 && d2){
            showDetail()
        }
    })
2017年4月27日 17:47