为什么使用promise

Posted llff123

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了为什么使用promise相关的知识,希望对你有一定的参考价值。

使用场景

前端在调用ajax的时候难免会遇到一个接口需要另一个接口的数据来获取
往往我们会直接将那个接口直接写在上一个接口的回调函数里,但是它增加了函数的嵌套深度也会造成一定的逻辑混乱,如果多几个接口嵌套就比较糟心了,这就是回调地狱了。
而promise的出现就是为了解决万恶的回调函数的,

代码应用

//创建一个Promise实例,获取数据。并把数据传递给处理函数resolve和reject。需要注意的是Promise在声明的时候就执行了。
var getUserInfo=new Promise(function(resolve,reject){
    $.ajax({
        type:"get",
        url:"index.aspx",
        success:function(data){
            if(data.Status=="1"){
                resolve(data.ResultJson)//在异步操作成功时调用
            }else{
                reject(data.ErrMsg);//在异步操作失败时调用
            }
        }
    });
})
//另一个ajax Promise对象,
var getDataList=new Promise(function(resolve,reject){
    $.ajax({
        type:"get",
        url:"index.aspx",
        success:function(data){
            if(data.Status=="1"){
                resolve(data.ResultJson)//在异步操作成功时调用
            }else{
                reject(data.ErrMsg);//在异步操作失败时调用
            }
        }
    });
})
//Promise的方法then,catch方法
getUserInfo.then(function(ResultJson){
    //通过拿到的数据渲染页面
}).catch(function(ErrMsg){
    //获取数据失败时的处理逻辑
})
//Promise的all方法,等数组中的所有promise对象都完成执行
Promise.all([getUserInfo,getDataList]).then(function([ResultJson1,ResultJson2]){
    //这里写等这两个ajax都成功返回数据才执行的业务逻辑
})


以上是关于为什么使用promise的主要内容,如果未能解决你的问题,请参考以下文章

前端面试题之手写promise

什么时候然后从Promise.all()的子句运行?

澄清 node.js + promises 片段

Typescript编译器无法从Promise resolve调用中推断类型

在javascript承诺中执行的顺序是什么

ES6 promise对象