es6—Promise

关于 Promise 的 9 个提示数组

八段代码完全掌握 Promisepromise

一 什么是promise


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


异步回调的问题:           
函数

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


二 怎么使用Promise


1.初始化Promise实例     post

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

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

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


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.把异步操做和定时器放在一块儿,若是定时器先触发,就认为超时,告知用户

相关文章
相关标签/搜索