Promise解决回调地狱问题,Promise的构造函数接收一个参数,参数是一个函数,并且传入两个参数:resolve,reject,resolve是将Promise的状态置为实现了,reject是将Promise的状态置为拒绝了。
如果你在node.js中使用promise需要安装:npm install promise,function runAsync(){
var p = new Promise(function(resolve, reject){
//做一些异步操作
setTimeout(function(){
console.log('执行完成');
resolve('resoleve1');
}, 2000);
});
return p;
}
function runAsync2(data){
var p = new Promise(function(resolve, reject){
setTimeout(function(){
console.log('执行完成2');
resolve(data);
}, 2000);
});
return p;
}
function runAsync3(data){
var p = new Promise(function(resolve, reject){
setTimeout(function(){
console.log('执行完成3');
resolve(data);
}, 2000);
});
return p;
}
在runAsync()的返回上直接调用then方法,then接收一个参数,参数是函数,并且会拿到我们在runAsync中调用resolve时传的的参数,原来then里面的函数就跟我们平时的回调函数一个意思,能够在runAsync这个异步任务执行完成之后被执行。这就是Promise的作用了,简单来讲,就是能把原来的回调写法分离出来,在异步操作执行完后,用链式调用的方式执行回调函数。runAsync().then(function(data){
console.log(data);//data为resolve(data);里面的data:可以是函数或变量
return runAsync2(data+'2');//返回一个Promise对象
}).then(function (data) {
console.log(data);
return runAsync2(data+'3');
}).then(function (value) {
console.log(value);
//console.log(dfsdf);//故意给一个没有定义的变量
}).catch(function(reason){//如果出错会走这里
console.log('rejected');
console.log(reason);//打印错误信息
});