Question

js函数回调在使用的时候有哪些注意点，如何处理

Answer 1

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

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

示例1

1
2
3
4
5
6
7
8
9
10
var async=function(callback){
//read data
setTimeout(function(){
callback('data');
},1000);//1秒后回调
};
//使用
async(function(data){
alert(data);
});
示例2

1
2
3
4
5
6
7
8
9
10
11
12
13
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

1
2
3
4
5
6
7
8
9
10
var async=function(callback){
var img=new Image();
img.onload=img.onerror=function(){
callback(img);
};
img.src='x.jpg';
};
async(function(data){
alert(data);
});