欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS回調(diào)函數(shù)原理與用法詳解【附PHP回調(diào)函數(shù)】

 更新時間:2019年07月20日 15:57:43   作者:Sams-ara  
這篇文章主要介紹了JS回調(diào)函數(shù)原理與用法,結(jié)合實例形式詳細(xì)分析了JavaScript回調(diào)函數(shù)的概念、原理、用法,并給出了PHP回調(diào)函數(shù)的使用示例,需要的朋友可以參考下

本文實例講述了JS回調(diào)函數(shù)原理與用法。分享給大家供大家參考,具體如下:

JS回調(diào)函數(shù)

何為回調(diào)函數(shù),官方解釋:當(dāng)程序跑起來時,一般情況下,應(yīng)用程序(application program)會時常通過API調(diào)用庫里所預(yù)先備好的函數(shù)。但是有些庫函數(shù)(library function)卻要求應(yīng)用先傳給它一個函數(shù),好在合適的時候調(diào)用,以完成目標(biāo)任務(wù)。這個被傳入的、后又被調(diào)用的函數(shù)就稱為回調(diào)函數(shù)(callback function)。

通常將一個函數(shù)B傳入另一個函數(shù)A,并且在需要的時候再調(diào)用函數(shù)A。

說白了,回調(diào)就是回溯,先定義好將要使用的函數(shù)體,然后在使用使再調(diào)用這個函數(shù),我們通常把callback作為一個參數(shù)傳入先定義的那個函數(shù)。下面我們先來看一段jquery代碼:

$("p").hide(1000,function(){
alert("The paragraph is now hidden");
});

上面jquery就是一個回調(diào)函數(shù),首先它在執(zhí)行完hide效果后,接著調(diào)用function回調(diào)函數(shù)。

我們再來看一段JS代碼,看看回調(diào)函數(shù)是如何實現(xiàn)的:

function Buy(name,goods1,callback) {
  alert(name+' buy '+goods1);
  if(callback&&typeof(callback)==="function")
    callback();
}
Buy('xiaoming','apple',function(){
  alert("shopping finish");
});

一個很簡單的代碼,一開始不知道要買啥,等到買到東西,立即把之前定義好的函數(shù)調(diào)用出來,最好加上判斷規(guī)則,因為一切前提是callback必須是一個函數(shù),輸出結(jié)果為:

xiaoming buy apple
shopping finish

閉包與回調(diào)

下面看一道閉包的題目,分別點(diǎn)擊第一個和第四個節(jié)點(diǎn),執(zhí)行結(jié)果:

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是一個閉包,而匿名函數(shù)是一個回調(diào)函數(shù),i是在閉包中的變量。在addEventListener的回調(diào)執(zhí)行時,循環(huán)已經(jīng)結(jié)束,此時的變量i被賦值為node.length,node.length為總節(jié)點(diǎn)數(shù)。所以結(jié)果就是

You clicked element # node.length

那要怎么改,將其返回值改成函數(shù),既然i變量的值會被釋放,那我們就引入i,讓每次循環(huán)的值都保存在內(nè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回調(diào)函數(shù)

下面略說一下php中回調(diào)函數(shù)如何實現(xiàn)(結(jié)果為1,2,3,4):

<?php
  $array=array(1,2,3,4);
  array_walk($array,function($value){
    echo $value;});
?>

php對每個傳入的數(shù)組元素作回調(diào)處理,下面再看看php的閉包,使用use關(guān)鍵字繼承作用域外的變量:

<?php
  function getcouter(){
    $i=0
    return function() use($i)(
      echo $i;
    )};
  }
  $counter=getcounter();
  echo $counter();
  echo $counter();
?>

返回結(jié)果為:

1,1
1

官方php使用方法

class hello {
function callback($a,$b) {
echo "$a,$b";
}
static function callback($c,$d){
echo "$c,$d";
}
}
//將類名作為參數(shù)
call_user_func(array('hello','callback'),"hello","world");
//輸出 hello,world
//將對象作為參數(shù)
call_user_func(array(new hello(),'callback'),"hello","world");
//將靜態(tài)方法作為參數(shù)
call_user_func(hello::callback,"hello","world");
//輸出 hello,world

其實就原理來說,JS和php都是差不多的,都是先定義好函數(shù),然后需要的時候就調(diào)用過來。

更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題:《JavaScript常用函數(shù)技巧匯總》、《javascript面向?qū)ο笕腴T教程》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

相關(guān)文章

  • 使用js復(fù)制鏈接中的部分文字的方法

    使用js復(fù)制鏈接中的部分文字的方法

    這篇文章介紹了使用js復(fù)制鏈接中的部分文字的方法,技巧很實用,需要的朋友可以參考下
    2015-07-07
  • js中常見的6種繼承方式總結(jié)

    js中常見的6種繼承方式總結(jié)

    js中的繼承與其說是對象的繼承,但更像是讓函數(shù)的功能和用法的復(fù)用,下面這篇文章主要給大家介紹了關(guān)于js中常見的6種繼承方式,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-01-01
  • echarts同一頁面中四個圖表切換的js數(shù)據(jù)交互方法示例

    echarts同一頁面中四個圖表切換的js數(shù)據(jù)交互方法示例

    這篇文章主要給大家介紹了關(guān)于echarts同一頁面中四個圖表切換的js數(shù)據(jù)交互的相關(guān)資料,文中給出了完整的示例代碼供大家參考學(xué)習(xí),對大家的學(xué)習(xí)或者工作具有一定的幫助,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2018-07-07
  • javascript學(xué)習(xí)隨筆(使用window和frame)的技巧

    javascript學(xué)習(xí)隨筆(使用window和frame)的技巧

    javascript學(xué)習(xí)隨筆(使用window和frame)的技巧...
    2007-03-03
  • JS實現(xiàn)根據(jù)詳細(xì)地址獲取經(jīng)緯度功能示例

    JS實現(xiàn)根據(jù)詳細(xì)地址獲取經(jīng)緯度功能示例

    這篇文章主要介紹了JS實現(xiàn)根據(jù)詳細(xì)地址獲取經(jīng)緯度功能,涉及javascript與百度地圖接口交互進(jìn)行地址經(jīng)緯度查詢的相關(guān)操作技巧,需要的朋友可以參考下
    2019-04-04
  • JS promise解決異步問題過程詳解

    JS promise解決異步問題過程詳解

    Promise是異步編程的一種解決方案,比傳統(tǒng)的解決方案——回調(diào)函數(shù)和事件——更合理和更強(qiáng)大。簡單說就是一個容器,里面保存著某個未來才會結(jié)束的事件(通常是一個異步操作)的結(jié)果。從語法上說,Promise是一個對象,從它可以獲取異步操作的消息
    2023-04-04
  • JS多個異步請求 按順序執(zhí)行next實現(xiàn)解析

    JS多個異步請求 按順序執(zhí)行next實現(xiàn)解析

    這篇文章主要介紹了js多個異步請求 按順序執(zhí)行next實現(xiàn)解析,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2019-09-09
  • 一篇文章弄懂javascript內(nèi)存泄漏

    一篇文章弄懂javascript內(nèi)存泄漏

    js的垃圾回收機(jī)制就是為了防止內(nèi)存泄漏的,這篇文章主要給大家介紹了如何通過一篇文章弄懂javascript內(nèi)存泄漏的相關(guān)資料,需要的朋友可以參考下
    2021-05-05
  • js微信支付實現(xiàn)代碼

    js微信支付實現(xiàn)代碼

    這篇文章主要為大家詳細(xì)介紹了javascript微信支付的相關(guān)代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-12-12
  • 最好用的Bootstrap fileinput.js文件上傳組件

    最好用的Bootstrap fileinput.js文件上傳組件

    這篇文章主要為大家詳細(xì)介紹了最好用的Bootstrap fileinput.js文件上傳組件的使用方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-12-12

最新評論