回调地狱与Promise对象、以及async函数和await函数在创建后台服务器时对CURD(数据库增删改查)封装的模式

function fn(str){ //返回值是一个Promise对象
    //创建Promise对象
    let p =new Promise((resolve,reject)=>{
            let flag = true
            if(flag){
                resolve(str)
            }else{
                reject('操作失败');
            }
    });
    return p;
}

fn('年轻人').then((data)=>{
    console.log(data);
    return fn('不讲武德')  //返回一个Promise对象
}).then((data)=>{
    console.log(data);
    return fn('耗子尾汁') //返回一个Promise对象
}).then((data)=>{
    console.log(data);
}).catch((e)=>{
    console.log(e);
});

4、Promise的all方法：实现了异步任务的并行执行能力

function getWidth(){ //返回Promise对象
    return new Promise((resolve,reject)=>{
        setTimeout(resolve(5),3000);
    });
}
function getHeight(){//返回Promise对象
    return new Promise((resolve,reject)=>{
        setTimeout(resolve(4),1000)
    });
}
Promise.all([getWidth(),getHeight()]).then((result)=>{  //调用两个异步函数，实现并行运行
    console.log(result);//[ 3, 2 ]
    console.log(typeof result);//object
    console.log(result.__proto__);//Object(0) []
})

三、ES7出现的：async函数和await函数

1、Promise对象的缺陷：虽然跳出了回调地狱，但是在流程复杂的代码中会出现很多的then，这样导致代码的可读性也很差

2、async/await出现的原因：是对Promise的一种优化，又称为Promise的语法糖

let sleep = (time)=>{
    return new Promise((resolve, reject) => {
        setTimeout(()=>{
            resolve('######');
        },time);
    });
}

let start = async ()=>{//异步调用函数,实现同步效果
    console.log('start');
    await sleep(2000).then((data)=>{
        console.log(data);
    });
    console.log('end');
}

start();

3、async/await的使用规则

（1）await关键字只能在async标识的函数中使用

（2）await后面可以直接跟一个 Promise对象（更多的是跟一个返回Promise对象的表达式）

（3）await函数不能单独使用

（4）await可以直接拿到Promise中resolve中的数据。

function fn(str) {
    let p = new Promise((resolve, reject) => {
        let flag = true;
        if (flag) {
            resolve(str);
        } else {
            reject('操作失败');
        }
    });
    return p;
}

async function test(){
    let s1 = await fn('abc');
    let s2 = await fn('def');
    let s3 = await fn('gh');

    console.log(s1,s2,s3);
}
test();

4、promise和async/await区别

（1）promise是ES6中出现，async/await是在ES7中出现

（2）async/await的写法更优雅

（3）对reject状态的捕捉方式不同

a、promise采用.then后面跟.catch方法捕捉，通常.catch放在最后

b、async/await可以用.then后面跟.catch方法捕捉，也可以使用try…catch方式捕捉