快捷導(dǎo)航

JS回調(diào)函數(shù)簡單易懂的入門實例分析

更新時間：2019年09月29日 11:58:01 作者：hu_beliefs

這篇文章主要介紹了JS回調(diào)函數(shù),結(jié)合簡單實例形式分析了javascript回調(diào)函數(shù)的概念、原理、相關(guān)操作技巧與使用注意事項,需要的朋友可以參考下

本文實例講述了JS回調(diào)函數(shù)。分享給大家供大家參考，具體如下：

初學(xué)js的時候，被回調(diào)函數(shù)搞得很暈，現(xiàn)在回過頭來總結(jié)一下什么是回調(diào)函數(shù)。什么是JS？（點擊查看）

下面先看看標準的解釋：

<script language="javascript">
function SortNumber( obj, func )      // 定義通用排序函數(shù)
{
  // 參數(shù)驗證，如果第一個參數(shù)不是數(shù)組或第二個參數(shù)不是函數(shù)則拋出異常
  if( !(obj instanceof Array) || !(func instanceof Function))
  {
   var e = new Error();       // 生成錯誤信息
   e.number = 100000;        // 定義錯誤號
   e.message = "參數(shù)無效";       // 錯誤描述
   throw e;            // 拋出異常
  }
  for( n in obj )            // 開始排序
  {
   for( m in obj )
   {
    if( func( obj[n], obj[m] ) )    // 使用回調(diào)函數(shù)排序，規(guī)則由用戶設(shè)定
    {
     var tmp = obj[n];        // 創(chuàng)建臨時變量
     obj[n] = obj[m];    // 交換數(shù)據(jù)
     obj[m] = tmp;
    }
   }
  }
  return obj;             // 返回排序后的數(shù)組
}

我們先來看看回調(diào)的英文定義：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ù)化的函數(shù)，就是將這個函數(shù)作為一個參數(shù)傳到另一個主函數(shù)里面，當那一個主函數(shù)執(zhí)行完之后，再執(zhí)行傳進去的作為參數(shù)的函數(shù)。走這個過程的參數(shù)化的函數(shù) 就叫做回調(diào)函數(shù)。換個說法也就是被作為參數(shù)傳遞到另一個函數(shù)（主函數(shù)）的那個函數(shù)就叫做 回調(diào)函數(shù)。

舉一個別人舉過的例子：約會結(jié)束后你送你女朋友回家，離別時，你肯定會說：“到家了給我發(fā)條信息，我很擔心你。” 對不，然后你女朋友回家以后還真給你發(fā)了條信息。小伙子，你有戲了。其實這就是一個回調(diào)的過程。你留了個參數(shù)函數(shù)（要求女朋友給你發(fā)條信息）給你女朋友，然后你女朋友回家，回家的動作是主函數(shù)。她必須先回到家以后，主函數(shù)執(zhí)行完了，再執(zhí)行傳進去的函數(shù)，然后你就收到一條信息了。

回調(diào)函數(shù)應(yīng)用場景多用在使用 js 寫組件時和耗時操作上面，尤其是組件的事件很多都需要回調(diào)函數(shù)的支持。

如果還是不明白，下面看一下代碼：

<script type="text/javascript">
  function title(value){//這是回調(diào)函數(shù)?。。?！
    alert(value);
  }
  function main(title, value){//這個主函數(shù):在參數(shù)列表中，title作為一個參數(shù)傳遞進來，也就是上文說的 參數(shù)化函數(shù)；然后value這個值正是title（）函數(shù)中所需要的。
    alert("我是主函數(shù)");
    title(value);//結(jié)果為：'我是回調(diào)函數(shù)'?！缓笤谶@行這個title()，它就是回調(diào)函數(shù)咯。
  }
  main(title,"我是回調(diào)函數(shù)");//title參數(shù)加上()后，就會變回一個函數(shù)，并會被執(zhí)行一次。
  //PS:看清楚，調(diào)用的是main()函數(shù)，意味著先執(zhí)行main()，這時已經(jīng)執(zhí)行了主函數(shù)，title()被main()在函數(shù)體中執(zhí)行了一次，因此title()是回調(diào)函數(shù)。
</script>

回調(diào)函數(shù)易混淆點——傳參：

一，將回調(diào)函數(shù)的參數(shù)作為與回調(diào)函數(shù)同等級的參數(shù)進行傳遞。