es6—Promise

关于 Promise 的 9 个提示

八段代码彻底掌握 Promise

一 什么是promise


promise用途:异步操作队列化,比传统的异步操作回调函数事件更合理更强大。(回调函数:回调函数就是一个参数,将这个函数作为参数传到另一个函数里面,当那个函数执行完之后,再执行传进去的这个函数。这个过程就叫做回调。主函数的事先干完,回头再调用传进来的那个函数 )


异步回调的问题:           

  • 嵌套层次深,难以维护
  • 无法正常使用return和catch throw
  • 多个回调之间难以建立联系,一个回调函数一旦开启,就无法对其操作
  • 无法正常索引堆栈信息


二 怎么使用Promise


1.初始化Promise实例     

2.传入执行器executor函数,接收两个参数resolve,reject

3.通过判断数据处理完成或者失败来调用resolve()或reject(),从而改变Promise状态

4.Promise状态发生改变就会触发.then( )里的响应函数的后续步骤,Promise状态已经改变,就不会再变化了


Promise的三个状态:

pending:[待定]初始状态

fulfilled:[实现]操作成功

rejected:[被否决]操作失败


.then( )

.then( ) 接受两个函数作为参数,分别代表fulfilled,rejected。

.then()返回一个新的Promise实例,所以可以链式调用。

状态响应函数可以返回新的Promise,或者其他值,也可以不返回(undefined)。

.then()返回新的Promise,下一级.then()会在新的Promise状态改变后根据其最终状态,选择特定的状态响应函数执行执行。.then()里不返回Promise实例或者其他值,则立刻执行下一级.then()。

错误处理

Promise会自动捕获内部异常,并提交给rejected响应函数处理




三 实例

Promise作为队列最重要的特性,在任何地方生成一个Promise对象,可以将Promise对象做为变量传递到其他地方


then的嵌套  .then( )里有.then( )的情况

要等里面的.then()执行完,再执行外面的,可以把里面的.then()展开





四 Promise的属性

Promise.all( )

Promise.all([p1,p2,p3,...])用于将多个promise实例,包装成一个新的Promise实例,返回一个新的普通的Promise实例。

接受一个数组作为参数。数组里可以是Promise对象,也可以是其他值,只有Promise会等待状态改变。

当所有的子Promise都完成,该Promise完成,返回值是全部值的数组。

子Promise有任何一个失败,该Promise失败,返回值为第一个失败子Promise的结果。


Promise实现队列:不希望所以事情一起发生,而是按照一定的顺序



Promise.resolve( )

返回一个fulfilled的Promise实例,或者原始Promise实例。

参数为空,返回一个参数为fulfilled的实例;

参数是一个跟Promise无关的值,同上,不过,fulfilled响应函数会得到这个参数;

参数为Promise实例,则返回该实例,不做任何修改;

参数如果是thenable,则立即执行它的.then()函数;

Promise.reject( )

返回一个rejected的Promise实例。

Promise.reject( )不认theable。

Promise.race( )

类似于Promise.all( ),区别是Promise.race()有任意一个完成就算完成。

常用用法:

1.把异步操作和定时器放在一起,如果定时器先触发,就认为超时,告知用户



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值