之前的文章《一文講解js中this指向問題（附程式碼）》中，給大家介紹了解了js中this指向問題。以下這篇文章給大家了解js中回呼函數詳解，夥伴們來看看。
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();
?>登入後複製
回傳結果為：
官方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都是差不多的，都是先定義好函數，然後需要的時候就呼叫過來。
推薦學習：JS影片教學
#
以上是深入解析js中回呼函數（詳解分享）的詳細內容。更多資訊請關注PHP中文網其他相關文章！
