js回调函数如何实现异步,给一个例子

JavaScript016

js回调函数如何实现异步,给一个例子,第1张

异步处理不用阻塞来等待处理完成,而是允许后续操作,直至其程序将处理完成,并回调通知此函数

那么在js中有如下几种异步方式:

示例1

var async=function(callback){

    //read data

    setTimeout(function(){

        callback('data')

    },1000)//1秒后回调

}

//使用

async(function(data){

    alert(data)

})

示例2

var async=function(callback){

    var xhr=new XMLHttpRequest()

    xhr.open('get','.',true)

    

    xhr.onreadystatechange=function(){

        callback(xhr.readyStatus)

    }

    xhr.send()

}

async(function(data){

    alert(data)

})

示例3

var async=function(callback){

    var img=new Image()

    img.onload=img.onerror=function(){

        callback(img)

    }

    img.src='x.jpg'

}

async(function(data){

    alert(data)

})

异步处理不用阻塞来等待处理完成,而是允许后续操作,直至其程序将处理完成,并回调通知此函数

那么在js中有如下几种异步方式:

示例1

var async=function(callback){

//read data

setTimeout(function(){

callback('data')

},1000)//1秒后回调

}

//使用

async(function(data){

alert(data)

})

示例2

var async=function(callback){

var xhr=new XMLHttpRequest()

xhr.open('get','.',true)

xhr.onreadystatechange=function(){

callback(xhr.readyStatus)

}

xhr.send()

}

async(function(data){

alert(data)

})

示例3

var async=function(callback){

var img=new Image()

img.onload=img.onerror=function(){

callback(img)

}

img.src='x.jpg'

}

async(function(data){

alert(data)

})