怎么在JavaScript中使用callback回調函數

本篇文章為大家展示了怎么在JavaScript中使用callback回調函數，內容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

JavaScript回調函數的使用是很常見的，引用官方回調函數的定義：

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

解釋得很明確，回調函數就是作為參數傳遞給另一個函數并在其父函數完成后執行的函數。

聽起來似乎有點不好理解，所以還是舉例進行說明，介紹回調函數之前先簡單說明一下同步和異步，前端也有同步和異步。同步和異步總得來說，兩者最明顯的區別就是是否需要等待，如果是串行執行的就是同步機制，是并行執行的就是異步機制，這個比較好理解

回調函數的使用并沒有同步和異步的區別，回調函數只是一種特殊的函數，可以應用于同步調用場景，也可以應用于異步調用場景

異步請求中的回調函數

最常用的有ajax異步調用或者事件機制，例子：

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

同步請求中的回調函數

業務場景：舉個例子，點擊按鈕會觸發main函數，進行接口數據保存(異步方式)，數據保存成功之后，再回調打開彈窗的函數

保存數據函數：

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

main函數

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

回調函數，數據保存成功后再調用

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

上述內容就是怎么在JavaScript中使用callback回調函數，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注億速云行業資訊頻道。