Promise

Promise链式 （async和await）-demo

普通方式

//通过new关键字定义一个Promise对象，回调函数中接受两个参数
//参数一 成功的回调函数
//参数二 失败的回调函数

var p3 = new Promise((reslove,reject) =>{
    setTimeout(()=>{
        console.log('三秒过完了');
        reslove( '三秒真快！'); //这里reslove里边传的参数 可以被.then里边的函数接收到
    },3000);
});
var p5 = new Promise((reslove,reject) => {
    setTimeout(()=>{
        console.log('五秒过完了');
        reslove('哇塞，五秒呐');
    },5000);
});
var p10 = new Promise((reslove,reject) => {
    setTimeout(()=>{
        console.log('十秒过完了');
        reslove('哇塞，十秒呐');
    },10000);
});

p3.then(res=>{            //res作为一个形参接收reslove传递的参数
    console.log(res);
    return '完事了!';
}).then(r=>{
    console.log(r)
}).then(q => {
    console.log(q);
});

p5.then(five => {
    console.log(five);
});

p10.then(ten => {
    console.log(ten);
});

var pAll = Promise.all([p3,p5,p10]);//Promise.all全部完成会执行

pAll.then(res => {
    console.log(res);
})

var pRace = Promise.race([p3,p5,p10]);//Promise.race 一个完成就执行

pRace.then(res => {
    console.log('race end!!!');
    console.log(res);
})

async-await 方式

function getApiFromServer(){
    var p = new Promise((res,rej) => {
        setTimeout(() => {
            res('获取服务器数据成功！');
        },2000);
    });
    return p;
}

// async和await是一起使用的 await必须放在async关键字修饰的方法里边
// await后边跟一个Promise对象
// promise对象调用成功之后的返回值可以直接获取


async function getData(){
    const result = await getApiFromServer();
    console.log(result);
};

getData();