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

官方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都是差不多的，都是先定義好函式，然後需要的時候就呼叫過來。