基于PROMISE解决回调地狱问题

  回调地狱问题:

    在使用JavaScript时,为了实现某些逻辑经常会写出层层嵌套的回调函数,如果嵌套过多,会极大影响代码可读性和逻辑,这种情况也被成为回调地狱。比如说你要把一个函数 A 作为回调函数,但是该函数又接受一个函数 B 作为参数,甚至 B 还接受 C 作为参数使用,就这样层层嵌套,人称之为回调地狱,代码阅读性非常差。

    例如:要发送三个异步的请求要求前面一个请求完成之后再依次发送请求。

$.ajax{
    url:'url1',
    success:result=>{
        $.ajax{
            url:'url2',
            success:result=>{
                $.ajax{
                    url:'url3',
                    success:result=>{
                        
                    }
                };
            }
        };
    }
};//这就是一个栗子

    基于PROMISE解决

    Promise:ES6新增的内置类,是为了管理异步操作的。

//封装成多个方法
let queryA = function(){
    return new Promise(resolve=>{
        $.ajax({
            url:'url1',
            success:resolve,
        });
    }); 
}
let queryB = function(){
    return new Promise(resolve=>{
        $.ajax({
            url:'url2',
            success:resolve,
        });
    }); 
}
let queryC = function(){
    return new Promise(resolve=>{
        $.ajax({
            url:'url3',
            success:resolve,
        });
    }); 
}
//先将queryA返回的实例赋给promise,每次执行then都会返回新的Prmise实例
let promise = queryA();
promise.then(result=>{
    console.log(1);
    return queryB();//将queryB的实例返回作为下一个的实例用于调用下一个then
}).then(result=>{
    console.log(2);
    return queryC();
}).then(result=>{
    console.log(3);
});

 

你可能感兴趣的:(基于PROMISE解决回调地狱问题)