ES6 Promise详解

一;Promise基本概念

1.Promise 是一个实例化对象,想要使用Promise需要先 new 进行实例化

2.Promise 接收一个回调函数,回调函数中接收俩个参数,一个是 resolve,表示处理成功的结果,另一个是reject,表示失败的结果,其成功或者失败的值会被实例化对象 .then 方法处理,失败的方法也可单独被 catch()处理

二;实例化 Promise

(1).then方法可以只写第一个成功的回调,接收成功的返回结果

(2)promise 的 resolve 和 reject 只会执行一个,要么成功,要么失败

四;Promise 的 .then方法

(1)then方法的返回结果是一个promise对象,它的状态(成功/失败)由 then 的回调函数执行结果决定

(2)then方法回调中,如果 return 的结果是非promise类的,比如返回个字符串,或者不写return,其promise的状态都为 fulfilled(成功)

(3)then方法回调中,如果抛出一个错误(throw),则其promise的状态都为rejected(失败)

(4)then方法回调中,如果返回的是一个 promise 实例化对象,则 then 的返回值由这个 promise实例化对象的状态决定(如果 promise 成功则 then 的返回值 promise 状态也是成功)

(5)由于then方法的返回结果是一个promise对象,所以可以连续调用使用then方法进行异步操作

三;Promise 的三个状态:

进行中 pending

已完成 fulfilled

已拒绝 rejected

四;Promise 的 catch()方法

catch 方法是接收 promise 的错误结果,使得可以不需要书写 .then方法中俩个回调函数,.then方法中第二个回调函数才是处理错误的,方便处理错误了。

五;Promise的异步穿透

promise 连续调用 then 方法,在最后的 then 方法后面接一个catch方法,当 catch 前面不管哪一步失败了(promise 的状态为 rejected)都会跳到当前catch回调中。

六;终止Promise

有且仅有一个方法:返回一个状态为 pending 的 promise

return new Promise(()=>{})

 七;Promise.all方法

1.Promise.all() 方法接收一个 promise 的 iterable 类型(注:Array,Map,Set都属于ES6的iterable类型)的输入,并且只返回一个Promise实例

2. Promise.all 等待所有都完成(或第一个失败)。

var p1 = Promise.resolve(3);
var p2 = 1337;
var p3 = new Promise((resolve, reject) => {
  setTimeout(resolve, 100, 'foo');
});

Promise.all([p1, p2, p3]).then(values => {
  console.log(values); // [3, 1337, "foo"]
});

八;Promise.race方法

1.Promise.race() 方法接收一个 promise 的 iterable 类型(注:Array,Map,Set都属于ES6的iterable类型)的输入,并且只返回一个Promise实例

2.race 方法中哪个 Promise 先取得返回值,这个最先得到返回值的Promise状态即为 race 的状态,返回值为数组参数当中第一个Promise执行结束的返回值。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值