微信小程序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)
    })

结果如下:
在这里插入图片描述

相关推荐
©️2020 CSDN 皮肤主题: 像素格子 设计师:CSDN官方博客 返回首页