您好,登錄后才能下訂單哦!
本文實例講述了JS回調函數。分享給大家供大家參考,具體如下:
初學js的時候,被回調函數搞得很暈,現在回過頭來總結一下什么是回調函數。什么是JS?(點擊查看)
下面先看看標準的解釋:
<script language="javascript"> function SortNumber( obj, func ) // 定義通用排序函數 { // 參數驗證,如果第一個參數不是數組或第二個參數不是函數則拋出異常 if( !(obj instanceof Array) || !(func instanceof Function)) { var e = new Error(); // 生成錯誤信息 e.number = 100000; // 定義錯誤號 e.message = "參數無效"; // 錯誤描述 throw e; // 拋出異常 } for( n in obj ) // 開始排序 { for( m in obj ) { if( func( obj[n], obj[m] ) ) // 使用回調函數排序,規則由用戶設定 { var tmp = obj[n]; // 創建臨時變量 obj[n] = obj[m]; // 交換數據 obj[m] = tmp; } } } return obj; // 返回排序后的數組 }
我們先來看看回調的英文定義:A callback is a function that is passed as an argument to another function and is executed after its parent function has completed。
字面上的理解,回調函數就是傳遞一個參數化的函數,就是將這個函數作為一個參數傳到另一個主函數里面,當那一個主函數執行完之后,再執行傳進去的作為參數的函數。走這個過程的參數化的函數 就叫做回調函數。換個說法也就是被作為參數傳遞到另一個函數(主函數)的那個函數就叫做 回調函數。
舉一個別人舉過的例子:約會結束后你送你女朋友回家,離別時,你肯定會說:“到家了給我發條信息,我很擔心你。” 對不,然后你女朋友回家以后還真給你發了條信息。小伙子,你有戲了。其實這就是一個回調的過程。你留了個參數函數(要求女朋友給你發條信息)給你女朋友,然后你女朋友回家,回家的動作是主函數。她必須先回到家以后,主函數執行完了,再執行傳進去的函數,然后你就收到一條信息了。
回調函數應用場景多用在使用 js 寫組件時和耗時操作上面,尤其是組件的事件很多都需要回調函數的支持。
如果還是不明白,下面看一下代碼:
<script type="text/javascript"> function title(value){//這是回調函數!!!! alert(value); } function main(title, value){//這個主函數:在參數列表中,title作為一個參數傳遞進來,也就是上文說的 參數化函數;然后value這個值正是title()函數中所需要的。 alert("我是主函數"); title(value);//結果為:'我是回調函數'。——————然后在這行這個title(),它就是回調函數咯。 } main(title,"我是回調函數");//title參數加上()后,就會變回一個函數,并會被執行一次。 //PS:看清楚,調用的是main()函數,意味著先執行main(),這時已經執行了主函數,title()被main()在函數體中執行了一次,因此title()是回調函數。 </script>
回調函數易混淆點——傳參:
一,將回調函數的參數作為與回調函數同等級的參數進行傳遞。
二,回調函數的參數在調用回調函數內部創建。
更多關于JavaScript相關內容可查看本站專題:《JavaScript常用函數技巧匯總》、《javascript面向對象入門教程》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。