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

JS回調(diào)函數(shù)

何為回調(diào)函數(shù)，官方解釋?zhuān)寒?dāng)程序跑起來(lái)時(shí)，一般情況下，應(yīng)用程序（application program）會(huì)時(shí)常通過(guò)API調(diào)用庫(kù)里所預(yù)先備好的函數(shù)。但是有些庫(kù)函數(shù)（library function）卻要求應(yīng)用先傳給它一個(gè)函數(shù)，好在合適的時(shí)候調(diào)用，以完成目標(biāo)任務(wù)。這個(gè)被傳入的、后又被調(diào)用的函數(shù)就稱(chēng)為回調(diào)函數(shù)（callback function）。

通常將一個(gè)函數(shù)B傳入另一個(gè)函數(shù)A，并且在需要的時(shí)候再調(diào)用函數(shù)A。

說(shuō)白了，回調(diào)就是回溯，先定義好將要使用的函數(shù)體，然后在使用使再調(diào)用這個(gè)函數(shù)，我們通常把callback作為一個(gè)參數(shù)傳入先定義的那個(gè)函數(shù)。下面我們先來(lái)看一段jquery代碼：

$("p").hide(1000,function(){alert("The paragraph is now hidden");});

上面jquery就是一個(gè)回調(diào)函數(shù)，首先它在執(zhí)行完hide效果后，接著調(diào)用function回調(diào)函數(shù)。

我們?cè)賮?lái)看一段JS代碼，看看回調(diào)函數(shù)是如何實(shí)現(xiàn)的：

function Buy(name,goods1,callback) {  alert(name+' buy '+goods1);  if(callback&&typeof(callback)==="function")    callback();}Buy('xiaoming','apple',function(){  alert("shopping finish");});

一個(gè)很簡(jiǎn)單的代碼，一開(kāi)始不知道要買(mǎi)啥，等到買(mǎi)到東西，立即把之前定義好的函數(shù)調(diào)用出來(lái)，最好加上判斷規(guī)則，因?yàn)橐磺星疤崾莄allback必須是一個(gè)函數(shù)，輸出結(jié)果為:

xiaoming buy apple
shopping finish

閉包與回調(diào)

下面看一道閉包的題目，分別點(diǎn)擊第一個(gè)和第四個(gè)節(jié)點(diǎn)，執(zhí)行結(jié)果：

var nodes = document.getElementsByTagName('button');for (var i = 0; i < nodes.length; i++) {  nodes[i].addEventListener('click', function() {    console.log('You clicked element #' + i);  });}

這里雖然主要考的是閉包，addEventListener是一個(gè)閉包，而匿名函數(shù)是一個(gè)回調(diào)函數(shù)，i是在閉包中的變量。在addEventListener的回調(diào)執(zhí)行時(shí)，循環(huán)已經(jīng)結(jié)束，此時(shí)的變量i被賦值為node.length，node.length為總節(jié)點(diǎn)數(shù)。所以結(jié)果就是

You clicked element # node.length

那要怎么改，將其返回值改成函數(shù)，既然i變量的值會(huì)被釋放，那我們就引入i，讓每次循環(huán)的值都保存在內(nèi)存中，就可以了：

var nodes = document.getElementsByTagName('button');for (var i = 0; i < nodes.length; i++) {(function(i) {  nodes[i].addEventListener('click', function () {    console.log('You clicked element #' + i);    })  })(i);}

PHP回調(diào)函數(shù)

下面略說(shuō)一下php中回調(diào)函數(shù)如何實(shí)現(xiàn)(結(jié)果為1，2，3，4)：

<?php  $array=array(1,2,3,4);  array_walk($array,function($value){    echo $value;});?>

php對(duì)每個(gè)傳入的數(shù)組元素作回調(diào)處理，下面再看看php的閉包,使用use關(guān)鍵字繼承作用域外的變量：

<?php  function getcouter(){    $i=0    return function() use($i)(      echo $i;    )};  }  $counter=getcounter();  echo $counter();  echo $counter();?>

返回結(jié)果為：

1，1
1

官方php使用方法

class hello {function callback($a,$b) {echo "$a,$b";}static function callback($c,$d){echo "$c,$d";}}//將類(lèi)名作為參數(shù)call_user_func(array('hello','callback'),"hello","world");//輸出 hello,world//將對(duì)象作為參數(shù)call_user_func(array(new hello(),'callback'),"hello","world");//將靜態(tài)方法作為參數(shù)call_user_func(hello::callback,"hello","world");//輸出 hello,world

其實(shí)就原理來(lái)說(shuō)，JS和php都是差不多的，都是先定義好函數(shù)，然后需要的時(shí)候就調(diào)用過(guò)來(lái)。

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

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