javascript中如何使用回調(diào)函數(shù)

這篇文章將為大家詳細(xì)講解有關(guān)javascript中如何使用回調(diào)函數(shù)，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

　　什么是回調(diào)或高級(jí)函數(shù)?

　　回調(diào)函數(shù)被認(rèn)為是一種高級(jí)函數(shù)，一種被作為參數(shù)傳遞給另一個(gè)函數(shù)(在這稱作"otherFunction")的高級(jí)函數(shù)，回調(diào)函數(shù)會(huì)在otherFunction內(nèi)被調(diào)用(或執(zhí)行)。回調(diào)函數(shù)的本質(zhì)是一種模式(一種解決常見(jiàn)問(wèn)題的模式)，因此回調(diào)函數(shù)也被稱為回調(diào)模式。

　　思考一下下面這種在jQuery中常用的回調(diào)函數(shù)：

　　//Notethattheitemintheclickmethod'sparameterisafunction,notavariable.

　　//Theitemisacallbackfunction

　　$("#btn_1").click(function(){

　　alert("Btn1Clicked");

　　});

　　正如在前面的例子所看到的，我們傳遞了一個(gè)函數(shù)給click方法的形參，click方法將會(huì)調(diào)用(或執(zhí)行)我們傳遞給它的回調(diào)函數(shù)。這個(gè)例子就給出了JavaScript中使用回調(diào)函數(shù)的一個(gè)典型方式，并廣泛應(yīng)用于jQuery中。

　　細(xì)細(xì)體味一下另一個(gè)基本JavaScript的典型例子：

　　varfriends=["Mike","Stacy","Andy","Rick"];

　　friends.forEach(function(eachName,index){

　　console.log(index+1+"."+eachName);//1.Mike,2.Stacy,3.Andy,4.Rick

　　});

　　我們?cè)僖淮斡猛瑯拥姆绞絺鬟f了一個(gè)匿名的函數(shù)(沒(méi)有函數(shù)名的函數(shù))給forEach方法，作為forEach的參數(shù)。

　　到目前為止，我們傳遞了一個(gè)匿名的函數(shù)作為參數(shù)給另一個(gè)函數(shù)或方法。在看其它更復(fù)雜的回調(diào)函數(shù)之前，讓我們理解一下回調(diào)的工作原理并實(shí)現(xiàn)一個(gè)自己的回調(diào)函數(shù)。

　　回調(diào)函數(shù)是如何實(shí)現(xiàn)的？

　　我們可以像使用變量一樣使用函數(shù)，作為另一個(gè)函數(shù)的參數(shù)，在另一個(gè)函數(shù)中作為返回結(jié)果，在另一個(gè)函數(shù)中調(diào)用它。當(dāng)我們作為參數(shù)傳遞一個(gè)回調(diào)函數(shù)給另一個(gè)函數(shù)時(shí)，我們只傳遞了這個(gè)函數(shù)的定義，并沒(méi)有在參數(shù)中執(zhí)行它。

　　當(dāng)包含(調(diào)用)函數(shù)擁有了在參數(shù)中定義的回調(diào)函數(shù)后，它可以在任何時(shí)候調(diào)用(也就是回調(diào))它。

　　這說(shuō)明回調(diào)函數(shù)并不是立即執(zhí)行，而是在包含函數(shù)的函數(shù)體內(nèi)指定的位置“回調(diào)”它(形如其名)。

關(guān)于javascript中如何使用回調(diào)函數(shù)就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到。