首頁 > web前端 > js教程 > javascript的回呼函數應用範例_javascript技巧

javascript的回呼函數應用範例_javascript技巧

WBOY
發布: 2016-05-16 16:59:06
原創
959 人瀏覽過

回呼函數概念:回呼函數就是一個透過函數指標呼叫的函數。如果你把函數的指標(位址)當作參數傳遞給另一個函數,當這個指標被用為呼叫它所指向的函數時,我們就說這是回呼函數。

JS Api 裡這樣解釋:A callback is a function that is passed as an argument to another function and is executed after its parent function has completed.


考慮一個這樣的例子:

假如某個專案的底層和高層是由不同的人員協同完成.底層負責資料的存取,高層負責資料的表示.當高層要用到某個模組的數據,於是他對底層人員說,我需要你們提供滿足某種需求的數據,你給我提供一個接口.

底層的人員說:我給你提供數據,怎麼展示和處理則是你的事情.我不可能為你每個需求都提供一個數據接口,我給你一個通過的接口.你得到數據,然後自己寫函數去展示.由是經過協商,雙方提供了一個這樣的介面:

複製程式碼 程式碼如下:

///data表示底層提供的資料來源,funcName表示高層的呼叫函數

function(data,funcName){

1.data屬於情形1,由底層處理;

2.data屬於情形2,由高層處理,怎麼處理呢?利用高層提供的函數funcName處理

.....

}

我可能還沒說清楚,我們看個例子一下子就明白了
複製程式碼 程式碼如下:


程式碼如下:


//假如提供的資料來源是一整數,為某學生的分數,當num0時由高層處理.

//將下面這個函數拷貝下來記憶體為1.js

function f(num,callback){
if(numalert("呼叫低層函數處理!");
alert("分數不能為負,輸入錯誤!");
}else if(num==0){
alert("調用低層函數處理!");
alert("該學生可能未參加考試! ");
}else{
alert("呼叫高層函數處理!");
callback();
}



複製程式碼


程式碼如下:


//將下面這個test.html檔案記憶體與1.js在一個目錄下:

BR>"http://www.w3.org/TR/html4/loose.dtd">




相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板