本文實例講述了JS回調函數原理與用法。分享給大家供大家參考，具體如下：
JS回調函數
何為回調函數，官方解釋：當程序跑起來時，一般情況下，應用程序（application program）會時常通過API調用庫里所預先備好的函數。但是有些庫函數（library function）卻要求應用先傳給它一個函數，好在合適的時候調用，以完成目標任務。這個被傳入的、后又被調用的函數就稱為回調函數（callback function）。
通常將一個函數B傳入另一個函數A，并且在需要的時候再調用函數A。
說白了，回調就是回溯，先定義好將要使用的函數體，然后在使用使再調用這個函數，我們通常把callback作為一個參數傳入先定義的那個函數。下面我們先來看一段jquery代碼：
$("p").hide(1000,function(){alert("The paragraph is now hidden");});上面jquery就是一個回調函數，首先它在執行完hide效果后，接著調用function回調函數。
我們再來看一段JS代碼，看看回調函數是如何實現的：
function Buy(name,goods1,callback) { alert(name+' buy '+goods1); if(callback&&typeof(callback)==="function") callback();}Buy('xiaoming','apple',function(){ alert("shopping finish");});一個很簡單的代碼，一開始不知道要買啥，等到買到東西，立即把之前定義好的函數調用出來，最好加上判斷規則，因為一切前提是callback必須是一個函數，輸出結果為:
xiaoming buy apple
shopping finish
閉包與回調
下面看一道閉包的題目，分別點擊第一個和第四個節點，執行結果：
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是一個閉包，而匿名函數是一個回調函數，i是在閉包中的變量。在addEventListener的回調執行時，循環已經結束，此時的變量i被賦值為node.length，node.length為總節點數。所以結果就是
You clicked element # node.length
那要怎么改，將其返回值改成函數，既然i變量的值會被釋放，那我們就引入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回調函數
下面略說一下php中回調函數如何實現(結果為1，2，3，4)：
<?php $array=array(1,2,3,4); array_walk($array,function($value){ echo $value;});?>php對每個傳入的數組元素作回調處理，下面再看看php的閉包,使用use關鍵字繼承作用域外的變量：
<?php function getcouter(){ $i=0 return function() use($i)( echo $i; )}; } $counter=getcounter(); echo $counter(); echo $counter();?>返回結果為：
1，1
1
官方php使用方法
class hello {function callback($a,$b) {echo "$a,$b";}static function callback($c,$d){echo "$c,$d";}}//將類名作為參數call_user_func(array('hello','callback'),"hello","world");//輸出 hello,world//將對象作為參數call_user_func(array(new hello(),'callback'),"hello","world");//將靜態方法作為參數call_user_func(hello::callback,"hello","world");//輸出 hello,world其實就原理來說，JS和php都是差不多的，都是先定義好函數，然后需要的時候就調用過來。
更多關于JavaScript相關內容可查看本站專題：《JavaScript常用函數技巧匯總》、《javascript面向對象入門教程》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答
