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);//打印错误信息 });