本文實例講述了JS中的回調(diào)函數(shù)。分享給大家供大家參考，具體如下：

創(chuàng)新互聯(lián)總部坐落于成都市區(qū)，致力網(wǎng)站建設(shè)服務(wù)有做網(wǎng)站、網(wǎng)站制作、網(wǎng)絡(luò)營銷策劃、網(wǎng)頁設(shè)計、網(wǎng)站維護(hù)、公眾號搭建、微信小程序、軟件開發(fā)等為企業(yè)提供一整套的信息化建設(shè)解決方案。創(chuàng)造真正意義上的網(wǎng)站建設(shè)，為互聯(lián)網(wǎng)品牌在互動行銷領(lǐng)域創(chuàng)造價值而不懈努力！

在說回調(diào)函數(shù)之前，不妨先看一段代碼，相信有點js基礎(chǔ)的同學(xué)都能明白他的含義:

document.getElementById('demo').click=function(){
  alert(1);
};

這段代碼其實就是一段事件回調(diào)，這樣寫看的其實相對模糊一些，我們不妨看下接下來的代碼

document.getElementById('demo').addEventListener('click',function(){
    alert(1)
});

這兩段代碼的所做的事情其實相同，不同的只是寫法的差異，我們看這個addEventListener('eventName',callback)，addEventListener這個函數(shù)有兩個參數(shù)，第一個為事件名稱，第二個參數(shù)實際上就是回掉函數(shù)，按照書上來說回調(diào)函數(shù)的方式，函數(shù)中的參數(shù)既然可以是變量，那么他也可以是一個函數(shù)。可能說到這里大家對回掉函數(shù)還是一臉懵逼。我們再看接下來這個例子。

function demo(a,b,callback){
    let c=a+b;
    callback(c);
};
demo(1,2,function(c){
    alert(c);//3
})

這段代碼定義了一個demo函數(shù)，這個函數(shù)有三個參數(shù)a,b,callback，我們在這個函數(shù)內(nèi)部聲明了一個局部變量c，然后執(zhí)行我們的callback（回調(diào)函數(shù)）,接下來執(zhí)行demo這個函數(shù)

這個函數(shù)的三個參數(shù)如上，在回掉函數(shù)中彈出的為3。這就是一個簡單的回調(diào)函數(shù)。而要想真正理解回調(diào)函數(shù)的意義，其實我覺得還是在于明白他的用途，只有明白他的用途了我們才可以真正的去理解他。

回調(diào)函數(shù)最多的應(yīng)用場景就是異步操作，因為異步的操作我們不知道這個操作到底何時結(jié)束，那么我們后續(xù)執(zhí)行的代碼就無法按照應(yīng)有的流程走下去。

更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題：《JavaScript常用函數(shù)技巧匯總》、《javascript面向?qū)ο笕腴T教程》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript數(shù)學(xué)運算用法總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

當(dāng)前標(biāo)題：JS中的回調(diào)函數(shù)實例淺析
鏈接分享：http://www.chinadenli.net/article10/iejpgo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、商城網(wǎng)站、網(wǎng)頁設(shè)計公司、小程序開發(fā)、微信小程序、電子商務(wù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)