深入解析js中回呼函數（詳解分享）

之前的文章《一文講解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(&#39;click&#39;, function() {
        console.log(&#39;You clicked element #&#39; + 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(&#39;click&#39;, function () {
        console.log(&#39;You clicked element #&#39; + 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都是差不多的，都是先定義好函數，然後需要的時候就呼叫過來。

推薦學習：JS影片教學

#

以上是深入解析js中回呼函數（詳解分享）的詳細內容。更多資訊請關注PHP中文網其他相關文章！