Promise的用法

Posted 世界,太精彩

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Promise的用法相关的知识,希望对你有一定的参考价值。

promise.then()、promise.catch()、Promise.all()、、、

Promise 构造函数接受一个函数作为参数,该函数的2个参数分别是 resolve 和 reject。他们是2个函数,有 javascript 引擎提供,不用自己部署。

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

如果调用 resolve 函数和 reject 函数时带有参数,那么这些参数会被传递给回调函数。

Promise 实例生成以后,可以用 then 方法分别指定 Resolved 状态和 Rejected 状态的回调函数(then 方法的作用是为 Promise 实例添加状态改变时的回调函数)。

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

Promise 对象的错误具有“冒泡”性质,会一直向后传递,直到被捕获为止。也就是说,错误总是会被下一个 catch 语句捕获。注意:因此无法知道错误是哪个Promise产生的,除非设置了不一样的错误提示。 

一般,不要在 then 方法中定义 Rejected 状态的回调函数(即 then 的第二个参数),而应该总是使用 catch。

如果没有使用 catch 方法指定错误处理的回调函数,Promise 对象抛出的错误不会传递到外层代码,即不会有任何反应。

catch 方法返回的还是一个 Promise 对象,因此还可以接着调用 then 方法。

如果没有报错,则会跳过 catch 方法,继续执行后面的 then 方法(如果后面还有 then 方法的话)。

getJson (‘/post/1.json‘).then ( function (post) {
    return getJson(post.commentURL)
}).then ( function (comments) {
    // some code 
}).catch ( function (error) {
    // 处理前面3个 Promise 产生的错误
})

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

p的状态有 p1、p2、p3 决定,分成2种情况:

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

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

 

 
 

以上是关于Promise的用法的主要内容,如果未能解决你的问题,请参考以下文章

前端面试题之手写promise

promise的用法

ES6 Promise用法讲解

promise之nodejsQ的详细用法总结

promise用法详解

是否存在无意义的Promise用法?