Javascript中的回調(diào)函數(shù)和匿名函數(shù)的回調(diào)示例介紹

2019-11-20 15:32:31

字體：大中小

供稿：網(wǎng)友

 
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Insert title here</title> 
<script type="text/javascript"> 
/* 
* 匿名函數(shù)自調(diào)的意義： 
1.營(yíng)造了一個(gè)封閉的空間 
2.防止變量沖突 
3.有選擇性的對(duì)外開(kāi)發(fā)（第三方框架都是對(duì)js這樣封裝的） 
*/ 
//==================普通函數(shù)回調(diào)================================= 
//回調(diào)要執(zhí)行的動(dòng)作 
function callback(){ 
alert("幫我去快遞吧"); 
} 
//正要做的事情 
function goShopping(a,fun){ 
alert("我去shopping了"); 
//10點(diǎn)之前胡來(lái)要干的事情 
if(a<10){ 
fun(); 
} 
} 
//回調(diào)測(cè)試 
goShopping(9,callback); 
//這個(gè)小例子就是一個(gè)回調(diào)函數(shù)運(yùn)用的一個(gè)場(chǎng)景：當(dāng)某些功能在執(zhí)行的時(shí)候，并不知道未來(lái)可能干什么， 
//同時(shí)，滿足了一定的條件就會(huì)去做另一些動(dòng)作，這個(gè)動(dòng)作就是毀掉函數(shù)。 
//==================普通函數(shù)回調(diào)================================= 
//=================匿名函數(shù)的回調(diào)================================= 
//正要做的事情 
function goShopping(a,fun){ 
alert("我去shopping了"); 
//10點(diǎn)之前胡來(lái)要干的事情 
if(a<10){ 
fun(); 
} 
} 
goShopping(9,function(){ 
alert("幫我去快遞的啦"); 
}); 
//=================匿名函數(shù)的回調(diào)================================= 
//=================匿名函數(shù)的自己調(diào)用============================== 
function(){ 
alert("我沒(méi)名，如何運(yùn)行"); 
}(); 
//===============帶參數(shù)的匿名函數(shù)的自己調(diào)用=============== 
function(name){ 
alert("我是"+name); 
function test(){"我是大內(nèi)密探！"}; 
//要想外部調(diào)用內(nèi)部的test 
window.test=test; 
}("javaScript"); 
//調(diào)用自調(diào)函數(shù)的內(nèi)部函數(shù) 
test(); 
//那么jquery等js的框架都是按照上述方式來(lái)寫(xiě)的哦。 
//=================匿名函數(shù)的自己調(diào)用============================== 
</script> 
</head> 
<body> 

</body> 
</html> 