Javascript中的回調函數和匿名函數的回調示例介紹

2024-05-06 16:05:44

字體：大中小

來源：轉載

供稿：網友

這篇文章主要介紹了Javascript中的回調函數和匿名函數的回調,需要的朋友可以參考下

復制代碼代碼如下:

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

</body>
</html>