//异步方法具有回调函数
var add = function(x,y,callback){
setTimeout(
{
var sum = x+y;
callback(sum);
}
,1000);
}
add(1,2,function(sum){
//获取sum
})
ajax
function get(url,callback){
var oReq = new XMLHttpRequest();
//请求成功后调用
oReq .onload = function(){
console.log(oReq.responseText);
//需要的得到oReeq.responseText
callback(oReeq.responseText);
}
oReq.open("get",url,true);
oReq.send();
}
get('data.json',function(data){
console.log(data);
})
回调地狱
回调嵌套太多,使用Promise
- Pending:默认状态
- Resolved:成功
- Rejected:失败
//创建一个Promise容器
//一旦创建,开始执行内部代码
var p1 = new Promise(function(resolved,reject){
fs.readFile('xxx','utf8',function(err,data){
if(err){
console.log(err);
//把容器的Pending状态变为Rejected
//传给then第二个函数
reject(err);
}else{
console.log(data);
//吧容器的Pending状态改位Resolved
//传给then()方法
resolve(data);
}
});
});
var p2 = new Promise(function(resolved,reject){
fs.readFile('xxx','utf8',function(err,data){
if(err){
reject(err);
}else{
resolve(data);
}
});
});
//当p1成功然后在执行指定操作
//then方法接收的第一个function就是resolve函数
//第二个就是reject函数
p1
.then(function(data){
console.log(data);
//当前函数中return的结果就可以在后面的then中function接受到
//return '123',后面就接受到‘123’
//可以return一个Promise对象
//后续的then的参数作物p2的reject和solved
return p2;
},function(err){
console.log(err);
})
.then(function(data){
console.log(data);
//可以继续return
});
//封装Promise版本的方法
//调用pReadFile("xxxx").then(function(data){});
var fs = require('fs');
function pReadFile(filePath){
return new Promise(function(resolved,reject){
fs.readFile(filePath,'utf8',function(err,data){
if(err){
reject(err);
}else{
console.log(data);
resolve(data);
}
});
});
}