form1.cn
Make a little progress every day

node.js使用Promise解决回调地狱问题

09th of January 2018 Javascript Node.js 3110

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