ES6 Promise的简单使用及其应用场景

ES6 Promise的简单使用及其应用场景

es6主要解决了回调地狱的问题，使代码可读性更强，避免了层层嵌套的结构，在读他人代码时遇到此类问题非常头痛，可读性极差，在过了很久维护自己代码时候也可以便于理解。
最简单的结构如下

 new Promise((resolve, reject) => {
      setTimeout(() => {//模仿ajax异步获取数据
        var data = "我是从后台获取到的数据";
        // reject("错误信息");
        resolve(data);//触发resolve后跳到.then内，并且val即为data
      }, 3000)
    }).then((val) => {
      console.log(val);//输出我是从后台获取到的数据
      //一般嵌套结构的ajax会使用前一个ajax获取的数据，或者只是单纯的需要在前一个ajax获取成功之后触发
      if (val == "我是从后台获取到的数据") {
        return new Promise((resolve) => {//此处return promise是为了能继续.then链式调用
          setTimeout(() => {
            var data2 = '我是从后台获取到的数据2';
            resolve(data2);//跳到下一个.then内，并切val2为data2
          }, 3000);
        })
      }
    }).then((val2) => {
      console.log(val2);//我是从后台获取到的数据2
    }).catch((erro) => {
      console.log(erro);//错误信息
    });

1.resolve为接口调用成功时使用，负责将代码流程推到下一个.then中，并且将resolve()内传入的数据传入.then的参数中，以供.then中使用。
2.reject为接口调用失败时使用，负责将代码越过所有.then直接跳到.catch中，并且将.catch中的参数即为reject()中传入的参数