js 回呼函數 匿名回呼函數

 

js 回呼函數 匿名回呼函數

2011-02-15 17:58:05| 分類：

預設分類 | 標籤：
|字型大小大中小
訂閱

公告常用連結隨筆檔案JAVA BLOG最新評論

頂下 --nofuck --xzyeah @xzyeah MyEclipse:Null component Catalina:type=JspMonitor,name=jsp,WebModule,Bad version number in .... --xzyeah Null component Catalina:type=DataSource,path=/rdportal,host=localhost,class=javax.sql.DataSource,na... --xzyeah

閱讀熱門排行榜評論熱門排行榜

考慮一個這樣的例子:

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

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

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

function(data,funcName){

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

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

.....

}

我可能還沒說清楚,我們看個例子一下子就明白了

//假如提供的資料來源是一整數,為某學生的分數,當num<=0,由底層處理,當n>0時由高層處理.

//將下面這個函數拷貝下來存檔為1.js

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

//將下面這個test.html檔案存檔與1.js在一個目錄下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script src="1.js" type="text/javascript"></script>
<title>無標題文檔</title>
<script type="text/javascript">
function test(){
var p=document.getElementById("pp");
pp.innerText="";
var num=document.getElementById("score").value;
f(num,function(){ //匿名高層處理函數
if(num<60) alert("未及格！");
else if(num<=90) alert("該產生績優良！");
else alert("該產生績優秀!"); })
pp.innerText="by since1978 qq558064!"
}
</script>
</head>

<body>
<p>
回呼函數樣本:當學產生績score<=0分時候，由底層處理；當score>0時，由高層處理。
</p>
請輸入學產生績<input type="text" >
<input type="button" value=" 看看結果">
<p ></p>
</body>
</html>
運行此檔案，可以看到效果

Powered by:
部落格園
Copyright 平靜的影子