微信小程序Promise示例

Promise

Promise 对象

Promise对象代表一个异步操作，有三种状态：

• pending（进行中）
• fulfilled（已成功）
• rejected（已失败）

Promise.all()示例

Promise.all()方法用于将多个 Promise 实例，包装成一个新的 Promise 实例。

使用场景：多文件上传

Promise.all()方法接受一个数组作为参数，p1、p2、p3都是 Promise 实例

（1）只有p1、p2、p3的状态都变成fulfilled，p的状态才会变成fulfilled，此时p1、p2、p3的返回值组成一个数组，传递给p的回调函数。

（2）只要p1、p2、p3之中有一个被rejected，p的状态就变成rejected，此时第一个被reject的实例的返回值，会传递给p的回调函数。

    let p1 = new Promise((resolve, reject) => {
      setTimeout(() => {
        console.log('p1')
        resolve('p1')
      }, 2000)
    })
    let p2 = new Promise((resolve, reject) => {
      setTimeout(() => {
        console.log('p2')
        resolve('p2')
      }, 1000)
    })
    let p3 = new Promise((resolve, reject) => {
      setTimeout(() => {
        console.log('p3')
        resolve('p3')
      }, 3000)
    })

    Promise.all([p1, p2, p3]).then((res) => {
      console.log('全部完成')
      console.log(res)
    }).catch((err) => {
      console.log('失败')
      console.log(err)
    })

结果如下：

如果我们将p2中的resolve修改成reject后

结果如下：

---

Promise.race()示例

Promise.race()方法同样是将多个 Promise 实例，包装成一个新的 Promise 实例。

使用场景：请求超时。设置一个计时器，如果计时器先返回，说明请求超时。

只要p1、p2、p3之中有一个实例率先改变状态，p的状态就跟着改变。那个率先改变的 Promise 实例的返回值，就传递给p的回调函数。

    Promise.race([p1, p2, p3]).then((res) => {
      console.log('完成')
      console.log(res)
    }).catch((err) => {
      console.log('失败')
      console.log(err)
    })

结果如下：