Promise、Promise.all、Promise.race 分别怎么用？

Promise是ES6里新增的语法，一种异步编程的解决方案，比传统的解决方案回调函数和事件更加合理和强大，Promise有三种状态，分别是Pending(进行中)，Fulfilled(已成功)，Rejected(已失败)，状态一旦发生变化就不能再发生改变，只能从一种状态变为另一种，例如：Pending -> Fulfilled，Pending -> Rejected。Promise构造函数接收一个函数，这个函数有两个固定的参数，分别是resolve和reject，这两个参数也是一个函数，我们通过调用resolve函数会使状态从Pending变为Fulfilled，将会执行then里面的第一个回调函数参数，调用reject函数的话会使状态从Pending变为Rejected，将会执行then里面的第二个回调函数参数，假如then里面只传了一个参数的话，我们也可以通过catch来进行回调。

new Promise((resolve, reject) => {
      setTimeout(() => {
        resolve("请求成功"); // 执行then里面的第一个回调函数
        //reject("error message"); // 执行then里面的第二个回调函数或执行catch里面的回调函数
      }, 1000);
    }).then(res => {
      console.log(res)
    }, err => {
      console.log(err)
    }).catch(err=>{
      console.log(err)
    })

Promise.all可以将多个Promise实例包装成一个新的Promise实例，这些Promise以数组的形式作为Promise.all的参数，要每个Promise都成功才会执行Promise.all的then的第一个参数函数回调，将这些Promise成功返回的结果以数组形式返回，只要有一个失败都会进行reject操作，返回的结果为第一个失败的Promise的结果。

Promise.all([
      new Promise((resolve, reject) => {
        setTimeout(() => {
          resolve({
            name: 'why',
            age: 18
          })
        }, 2000);
      }),
      new Promise((resolve, reject) => {
        setTimeout(() => {
          resolve({
            name: 'kobe',
            age: 19
          })
        }, 1000);
      })
    ]).then(results => {
      console.log(results);
    }).catch(err=>{
      console.log(err)
    })

Promise.race也是可以将多个Promise实例包装成一个新的Promise实例，同样的这些Promise以数组的形式作为Promise.race的参数，这些Promise实例哪个先发生状态改变就先返回哪个的结果，无论是进行了resolve操作还是reject操作，相当于是赛跑。

Promise.race([
      new Promise((resolve, reject) => {
        setTimeout(() => {
          resolve('请求成功')
        }, 1000);
      }),
      new Promise((resolve, reject) => {//第二个promise返回结果更快
        setTimeout(() => {
          resolve('请求失败')
        }, 500);
      })
    ]).then(results => {
      console.log(results);
    }).catch(err => {
      console.log(err);//最终调用了catch
    })