js中回調函數怎么用

這篇文章主要為大家展示了“js中回調函數怎么用”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“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();
?>

返回結果為：

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中回調函數怎么用”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！