怎么在JavaScript中使用callback回調(diào)函數(shù)

本篇文章為大家展示了怎么在JavaScript中使用callback回調(diào)函數(shù)，內(nèi)容簡(jiǎn)明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。

JavaScript回調(diào)函數(shù)的使用是很常見的，引用官方回調(diào)函數(shù)的定義：

A callback is a function that is passed as an argument to another function and is executed after its parent function has completed.

解釋得很明確，回調(diào)函數(shù)就是作為參數(shù)傳遞給另一個(gè)函數(shù)并在其父函數(shù)完成后執(zhí)行的函數(shù)。

聽起來似乎有點(diǎn)不好理解，所以還是舉例進(jìn)行說明，介紹回調(diào)函數(shù)之前先簡(jiǎn)單說明一下同步和異步，前端也有同步和異步。同步和異步總得來說，兩者最明顯的區(qū)別就是是否需要等待，如果是串行執(zhí)行的就是同步機(jī)制，是并行執(zhí)行的就是異步機(jī)制，這個(gè)比較好理解

回調(diào)函數(shù)的使用并沒有同步和異步的區(qū)別，回調(diào)函數(shù)只是一種特殊的函數(shù)，可以應(yīng)用于同步調(diào)用場(chǎng)景，也可以應(yīng)用于異步調(diào)用場(chǎng)景

異步請(qǐng)求中的回調(diào)函數(shù)

最常用的有ajax異步調(diào)用或者事件機(jī)制，例子：

$.get('${root}/saveOrUpdate.do',function(result){
      alert(result);
      });

同步請(qǐng)求中的回調(diào)函數(shù)

業(yè)務(wù)場(chǎng)景：舉個(gè)例子，點(diǎn)擊按鈕會(huì)觸發(fā)main函數(shù)，進(jìn)行接口數(shù)據(jù)保存(異步方式)，數(shù)據(jù)保存成功之后，再回調(diào)打開彈窗的函數(shù)

保存數(shù)據(jù)函數(shù)：

function saveRecord(seq,callback){
  $.ajax({
      url:'${root}/saveOrUpdate.do',
      type:"post",
      async:true,
      success:function(result){
        //確保callback是一個(gè)函數(shù)類型的
        if(typeof(callback)==='function'){
            callback(true);
        }
      }
    }); 
}

main函數(shù)

//保存成功，才會(huì)打開彈窗
  function main(seq){
    saveRecord(seq,callbackFunction);
  }

回調(diào)函數(shù)，數(shù)據(jù)保存成功后再調(diào)用

/*保存時(shí)的回調(diào)函數(shù)*/
   function callbackFunction(saveSuccess){
    if(saveSuccess){
      //省略打開彈窗代碼
    }
   }

上述內(nèi)容就是怎么在JavaScript中使用callback回調(diào)函數(shù)，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注億速云行業(yè)資訊頻道。