promise的基本用法

Promise解决的问题

当一个异步任务的执行需要依赖另一个异步任务的结果时，我们一般会将两个异步任务嵌套起来，如下：

Promise的基本用法

async1(function() {
  async2(function() {
    async3(function() {
      async4(function() {
        async5(function() {
          // 操作
        })
      })
    })
  })
})

Promise的构造函数接收一个函数作为参数，该函数接受两个额外的函数，resolve和reject，这两个函数分别代表将当前Promise置为fulfilled(解决)和rejected(拒绝)两个状态。Promise正是通过这两个状态来控制异步操作的结果。接下来我们将讨论Promise的用法，实际上Promise上的实例_promise是一个对象，不是一个函数。在声明的时候，Promise传递的参数函数会立即执行，因此Promise使用的正确姿势是在其外层再包裹一层函数。

var run = function() {
  var _promise = new Promise(function(resolve, reject) {
    setTimeout(function() {
      var rand = Math.random()
      if (rand < 0.5) {
        resolve('resolve' + rand)
      } else {
        reject('reject' + rand)
      }
    }, 1000)
  })
  return _promise
}
run()

到目前为止，我们学会了Promise的基本流程，但是这种用法和嵌套回调函数似乎没什么区别，而且增加了复杂度。Promise的用处，实际上是在于多重异步操作相互依赖的情况下，对于逻辑流程的控制。Promise正是通过对两种状态的控制，以此来解决流程的控制。请看如下代码：

run().then(function(data) {
  // 处理resolve的代码
  console.log('Promise被置为resolve', data)
}, function(data) {
  // 处理reject的代码
  console.log('程序被置为了reject', data)
})

// run().then(function(data){
// //处理resolve的代码
// console.log("Promise被置为resolve",data);
// }).catch(function(data){
// //处理reject的代码
// console.log("程序被置为了reject",data);
// })

如果异步操作获得了我们想要的结果，那我们将调用resolve函数，在then的第一个作为参数的匿名函数中可以获取数据，如果我们得到了错误的结果，调用reject函数，在then函数的第二个作为参数的匿名函数中获取错误处理数据。这样，一个次完整的Promise调用就结束了。对于Promise的then()方法，then总是会返回一个Promise实例，因此你可以一直调用then，形如run().then().then().then().then().then()..... 在一个then()方法调用异步处理成功的状态时，你既可以return一个确定的“值”，也可以再次返回一个Promise实例，当返回的是一个确切的值的时候，then会将这个确切的值传入一个默认的Promise实例，并且这个Promise实例会立即置为fulfilled状态，以供接下来的then方法里使用。如下所示：

run().then(function(data) {
  console.log('第一次', data)
  return data
}).then(function(data) {
  console.log('第二次', data)
  return data
}).then(function(data) {
  console.log('第三次', data)
  return data
})
/* 异步处理成功的打印结果： 第一次 resolve0.49040459200760167d.js:18
第二次 resolve0.49040459200760167d.js:21
第三次 resolve0.49040459200760167 由此可知then方法可以无限调用下去。 */

根据这个特性，我们就可以将相互依赖的多个异步逻辑，进行比较顺序的管理了。下面举一个拥有3个异步操作的例子：

// 第一个异步任务
function run_a() {
  return new Promise(function(resolve, reject) {
    // 假设已经进行了异步操作，并且获得了数据
    resolve('step1')
  })
}
// 第二个异步任务
function run_b(data_a) {
  return new Promise(function(resolve, reject) {
    // 假设已经进行了异步操作，并且获得了数据
    console.log(data_a)
    resolve('step2')
  })
}
// 第三个异步任务
function run_c(data_b) {
  return new Promise(function(resolve, reject) {
    // 假设已经进行了异步操作，并且获得了数据
    console.log(data_b)
    resolve('step3')
  })
}
// 连续调用
run_a().then(function(data) {
  return run_b(data)
}).then(function(data) {
  return run_c(data)
}).then(function(data) {
  console.log(data)
})
/* 运行结果 step1 step2 step3 */

转自：https://www.imooc.com/article/23838#