zoukankan      html  css  js  c++  java
  • 基于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);
    });
  • 相关阅读:
    宠物店4.0的安装
    《professional asp.net 2.0》读书笔记连载2
    《xhtml 入门系列》之一
    ALinq 让Mysql变得如此简单
    ALinq 入门学习(八)ALinq 对Vs2010 的支持
    教你一款极为简单实用的图表插件
    虚拟机下无法启动 Linux 系统
    怎样去突破文件依赖缓存
    jQuery 表单验证扩展(五)
    Log4Net 全方位跟踪程序运行
  • 原文地址:https://www.cnblogs.com/angle-xiu/p/11377659.html
Copyright © 2011-2022 走看看