Javascript中的回調(diào)函數(shù)和匿名函數(shù)的回調(diào)示例介紹
更新時(shí)間:2014年05月12日 10:12:14 作者:
這篇文章主要介紹了Javascript中的回調(diào)函數(shù)和匿名函數(shù)的回調(diào),需要的朋友可以參考下
復(fù)制代碼 代碼如下:
<!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ì)外開發(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("我沒名,如何運(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)寫的哦。
//=================匿名函數(shù)的自己調(diào)用==============================
</script>
</head>
<body>
</body>
</html>
您可能感興趣的文章:
- 告訴你什么是javascript的回調(diào)函數(shù)
- js中回調(diào)函數(shù)的學(xué)習(xí)筆記
- 理解javascript中的回調(diào)函數(shù)(callback)
- 淺析JS中回調(diào)函數(shù)及用法
- js 異步操作回調(diào)函數(shù)如何控制執(zhí)行順序
- 原生JS實(shí)現(xiàn)動(dòng)態(tài)加載js文件并在加載成功后執(zhí)行回調(diào)函數(shù)的方法
- 關(guān)于javascript 回調(diào)函數(shù)中變量作用域的討論
- javascript 自定義回調(diào)函數(shù)示例代碼
- Javascript基于AJAX回調(diào)函數(shù)傳遞參數(shù)實(shí)例分析
- js回調(diào)函數(shù)原理與用法案例分析
相關(guān)文章
javascript中的nextSibling使用陷(da)阱(keng)
關(guān)于HTML/XML節(jié)點(diǎn)的問(wèn)題,在IE中nextSibling不會(huì)返回文本節(jié)點(diǎn),而chrome或者firefox等會(huì)返回文本節(jié)點(diǎn)2014-05-05JavaScript中全局變量、函數(shù)內(nèi)變量以及常量表達(dá)式的效率測(cè)試
直接用字符串常量要比利用全局變量快,但創(chuàng)建正則表達(dá)式就比起用全局變量要慢上很多了。2009-11-11tangram.js庫(kù)實(shí)現(xiàn)js類的方式實(shí)例分析
這篇文章主要介紹了tangram.js庫(kù)實(shí)現(xiàn)js類的方式,結(jié)合實(shí)例形式分析了tangram.js庫(kù)實(shí)現(xiàn)類的創(chuàng)建、繼承等相關(guān)操作技巧,需要的朋友可以參考下2018-01-01微信小程序?qū)崿F(xiàn)下滑到底部自動(dòng)翻頁(yè)功能
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)下滑到底部自動(dòng)翻頁(yè)功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-03-03Object.keys()、Object.values()、Object.entries()用法總結(jié)
本文主要介紹了Object.keys()、Object.values()、Object.entries()用法總結(jié),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04小程序?qū)崿F(xiàn)左滑刪除的效果的實(shí)例代碼
這篇文章主要介紹了小程序?qū)崿F(xiàn)左滑刪除的效果,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-10-10