promise 请求返回 对象_promise-async/await-axios

Promise对象代表了未来某个将要发生的事件（通常是一个异步操作），是ES6原生提供的。

在ES6以前实现异步操作主要是依靠回调函数，由于ajax请求时无法得知数据返回的具体时间，所以只能将callback回调传给ajax，待ajax请求完成时再执行回调函数。而promise接受一个函数做参数，该函数有 resolve方法和reject方法两个参数，若异步操作成功则用resolve方法将Promise对象的状态变为resolved，若异步操作失败则用reject方法将状态变为rejected。promise实例生成后，可以用then分别制定resolve方法和reject方法的回调函数。这样就能以同步操作的流程来表达异步操作，避免了层层嵌套的回调函数。

异步代码一般使用基于回调的API，尤其在Node.js中，例如：

function handler(done) {
    
  validateParams((error) => {
    
    if (error) return done(error)
    dbQuery((error, dbResults) => {
    
      if (error) return done(error)
      serviceCall(dbResults, (error, serviceResults) => {
    
        console.log(dbResults)
        done(error, serviceResults)
      });
    });
  });
}

当回调越来越深后就会难以阅读和维护，成为所谓的“回调地狱”，我们用promise可以以向下发展的形式取代上面这种横向发展的模式：

function handler() {
    
  return validateParams()
    .then(dbQuery)
    .then(serviceCall)
    .then(result => {
    
      console.log(result);
      return result;
    });
}

我们甚至可以用异步函数async来将上述异步代码用同步代码的形式书写（本质上仍是异步执行）：

async function handler() {
    
  await validateParams();
  const dbResults = await dbQuery();
  const results = await serviceCall(dbResults);
  console.log(results);
  return results;
}

言归正传，promise有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。只有异步操作的结果可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。Promise对象的状态改变只有两种可能：从pending变为fulfilled或者从pending变为rejected。Promise的基本用法如下：

var promise = new Promise(function(resolve, reject){
    
  if(/*异步操作成功*/){
    
    resolve(value)
  } else {
    
    reject(error)
  }
})

promise.then(function(value){
    
  // success
}, function(value){
    
  // failure
})

Promise构造函数接受一个函数做参数，该函数有 resolve方法和reject方法两个参数，若异步操作成功则用resolve方法将Promise对象的状态从pending变为resolved即“进行中”变为“成功”，若异步操作失败则用reject方法将状态从pending变为rejected即“进行中”变为“失败”。Promise实例生成后，可以用then方法分别指定resolve状态和rejected状态的回调函数。then方法可以接受两个回调作为入参，第一个是promise对象的状态变