js 如何写回调函数

JavaScript012

js 如何写回调函数,第1张

把函数作为参数传递就是了。

回调函数可以继续扩展一个函数的功能,非常灵活。

比如:

var PersonInfo = {

name:'Sigma',

age:18

}

function getPersonInfo( next ){

var myInfo = PersonInfo

next &&next( myInfo )

}

getPersonInfo(function( data ){

alert( data.name )

})

function showDiv(callback){

  $("#div1").show()

  callback($("#div1"))

}

showDiv(function($div){

  $div.text("hello world")

})

回调函数可以继续扩展一个函数的功能,可以是程序非常灵活。

比如:

function

showDiv(callback){

$("#div1").show()

callback($("#div1"))

}

showDiv(function($div){

$div.text("hello

world")

})

//原本showDiv的功能就是现实一个div,加了callback函数当参数后就可以在执行完show之后改变div中的文字。

一般来说,callback函数用在异步中的例子比较多,因为在异步调用中,只能通过回调函数继续执行某个动作。

例如:

function

myThread(callback){

return

setTimeout(1000*10,function(){

$("#div").append("<p>hello</p>")//10秒后在div中加一个行,然后在执行callback函数

callback()

})

}