這篇文章主要為大家展示了“js中回調(diào)函數(shù)怎么用”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“js中回調(diào)函數(shù)怎么用”這篇文章吧。
成都創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),舟山企業(yè)網(wǎng)站建設(shè),舟山品牌網(wǎng)站建設(shè),網(wǎng)站定制,舟山網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,舟山網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力??沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿,時刻以成就客戶成長自我,堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。
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)
下面看一道閉包的題目,分別點擊第一個和第四個節(jié)點,執(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é)點數(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ù)如何實現(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
官方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)用過來。
以上是“js中回調(diào)函數(shù)怎么用”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
分享名稱:js中回調(diào)函數(shù)怎么用
文章網(wǎng)址:http://sd-ha.com/article46/pepeeg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供虛擬主機、做網(wǎng)站、網(wǎng)站策劃、靜態(tài)網(wǎng)站、網(wǎng)站改版、網(wǎng)站收錄
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)