ECMAScript 6知识点总结 --- Promise对象

Promise对象

  • Promise对象是一个构造函数,用来生成Promise实例
    let promise  = new Promise((resolve, reject) => {
     // ...
     if(){
      resolve(value)
     } else {
      reject(error)
     }
    })

    Promise构造函数接收一个函数作为参数,该函数接收两个参数分别是resolve和reject。resolve函数的作用是将Promise对象的状态从Pending变为Resolved,reject函数的作用是将Promise对象的状态从Pending变为Rejected

  •  Promise实例生成之后,可以用then方法分别指定Resolve和Reject状态的回调函数。
    promise.then((value) => {
     //success
    }, (value) => {
     //failure
    })

    then方法接收两个回调函数作为参数,第一个回调函数是Promise对象的状态变为Resolved时调用,第二个回调函数是Promise对象的状态变为Rejected时调用。其中,第二个函数是可选的。这两个函数都接收Promise对象传出的值作为参数。

  • Promise.prototype.then()
    promise.then((value) => {
     //success
     return content
    }).then((value) =>{
     //...
    })

    Promise实例具有then方法,then方法返回的是一个新的Promise实例(不是原来的Promise实例),因此可以采用链式写法。

  • Promise.prototype.catch()
    promise.then((value) => {
        console.log('成功' + value)
    }).catch((value) => {
        console.log('失败' + value)
    })

    catch方法是then方法的别名,用于指定发生错误时的回调函数

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

    let p = Promise.all([p1, p2, p3])

    Promise.all接收一个数组作为参数,p1、p2、p3都是Promise对象的实例。

    p的状态由p1、p2、p3共同决定,分为两种情况:

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

    2)只要p1、p2、p3中有一个状态变成Rejected,p的状态就会变成Rejected,此时第一个被Rejected的实例的返回值就会传递给p的回调函数。

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

    let p = Promise.race([p1, p2, p3])

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

  • Promise.resolve()和Promise.reject()

    Promise.resolve => 生成一个正确的Promise

    Promise.reject => 生成一个错误的Promise

    promise.resolve('foo')
    // 等价于
    new Promise(resolve => 
       resolve('foo')
    )

猜你喜欢

转载自blog.csdn.net/qq_35415374/article/details/82704475
今日推荐