ES6 Promise链式调用解决异步回调

​​​​​​​

目录

then()

resolve()

reject()

catch()

race()

all()

---

有哪里不对请各位大佬指出，我改！

then()

就是将各个方法组合起来，链式调用，你可以把多个方法想作多个羊肉粒，而then()则是烤串的签子

resolve()

这个是Promise中的回调内部方法，是成功后的回调给参数的方法

你可以想一下：你在吃烤肉串，肉串进入了你的嘴里，咀嚼完毕后吞下，吞下之后你就可以

reslove('嘴里已经腾出了地方，快给我喝一口百威！')

function eat羊肉串(){
    var p = new Promise(function(resolve,reject){
        setTimeout(function(){
            console.log("咀嚼完毕后吞下");
            resolve("嘴里已经腾出了地方，快给我喝一口百威！");
        },1000);
    });
    return p; 
}

reject()

这个是Promise中的回调内部方法，是失败后回调给参数的方法

你可以想一下：你吃了100串羊肉，此时你的胃已经吃不下别的东西了，

此时服务员端上来了两个羊腰子，你得朋友小明说 快吃快吃这个热乎的。

但是此时你得胃已经容不下腰子了

reject('我实在吃不下了！我要吃撑了！')

let 胃还有空间 = false;
function eat羊腰子(){
    var p = new Promise(function(resolve,reject){
        setTimeout(function(){
            console.log("朋友让你吃腰子！");
            if(胃还有空间){
                resolve("胃还有空间，继续炫！！！");
            }else{
                reject("我实在吃不下了！我要吃撑了！");
            } 
        },1000);
    });
    return p; 
}

catch()

使用then()时你可以使用此方法捕获到reject()的内容

eat羊肉串().then(()=>eat羊腰子()).catch(function(data){
   console.log(data)// 会打印 我实在吃不下了！我要吃撑了！
})

race()

这个方法就是谁先执行完就立即执行回调

你可以想一下：你在吃烧烤得时候，老板上了三块西瓜，

此时小明 啪 拍了一张100块钱放在桌子上，说“我们一人100，谁先吃完西瓜桌上的钱就是谁的！怎么样！”

小华和你 “啪！ 啪！都甩了一张百元大钞”

function 小明吃西瓜(){
    var p = new Promise(function(resolve,reject){
        setTimeout(function(){
             resolve("小明吃完了！");
        },1000);
    });
    return p; 
}
 
function 小华吃西瓜(){
    var p = new Promise(function(resolve,reject){
        setTimeout(function(){
             resolve("小华吃完了！");
        },1000);
    });
    return p; 
}
 
 
function 你吃西瓜(){
    var p = new Promise(function(resolve,reject){
        setTimeout(function(){
             resolve("你吃完了！");
        },1000);
    });
    return p; 
}
 
Promise.race([小明吃西瓜(), 小华吃西瓜(),你吃西瓜()]).then(function(results){
   console.log(results);
   console.log('拿走了钱');
});

all()

这个方法，就是在所有的方法完成后再执行回调

你可以想一下：你和几个朋友吃烤串总得问一下他们吃饱了没，都吃饱了你才可以打包吧！

function 问小明吃饱没(){
    var p = new Promise(function(resolve,reject){
        setTimeout(function(){
             resolve("吃饱了！");
        },1000);
    });
    return p; 
}
 
function 问小华吃饱没(){
    var p = new Promise(function(resolve,reject){
        setTimeout(function(){
             resolve("吃饱了！");
        },1000);
    });
    return p; 
}
 
Promise.all([问小明吃饱没(),问小华吃饱没()]).then(function(results){
    console.log("从兜里掏出红色塑料袋，开始打包腰子！"); 
});