JavaScript Promise 对象

一、什么是Promise

        ECMAscript 6 提供了 Promise 对象。Promise 是异步编程的一个解决方案,不同于回调,里面保存着某个未来才会结束的事件(通常是一个异步操作(定时器,ajax,图片加载))的结果。所谓Promise,就是一个容器,装的就是异步的操作(未来才会产生的事情)。Promise 是一个对象,从它可以获取异步操作的消息。

二、Promise的特点

        1.对象的状态不受外界影响。Promise对象代表一个异步操作,有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)。任何其他操作都无法改变这个状态。(某些时候用resolved(已完成)来代替fulfiller(已成功)的状态)

        2.一旦状态改变,就不会再变。Promise对象的状态改变只有两种可能:从pending-->resolved和从pending-->rejected。

三、基本写法

        下面用一个小例子向大家展示promise的基本写法:

promise基本写法
打印结果

可以看到打印出来的是成功。当const a=false时,打印结果为失败。

        Promise构造函数两个参数分别是resolve和reject。resolve是异步操作成功时需要执行的 reject是异步操作失败时需要执行的。

四、用Promise对象实现的 Ajax 操作

         下面写一个简单的例子:

简单写3个txt文件,作为ajax访问的路径


这是三个Promise对象,里面装的是ajax操作(用的是jquery的)


执行then操作。分别用来all和race


打印结果

可以看出。all是所有异步操作全部执行完毕,才执行的then。而race则是只接收最快的异步数据。

五、promise中的then

        Promise实例生成以后就具有then方法了,因为then方法是定义在原型对象Promise.prototype上的。promise.then() 是 promise 最为常用的方法,可以用then方法分别指定resolved状态和rejected状态的回调函数。其中rejected状态的回调函数是可选的。 解决ajax1的返回的数据在ajax2里面使用,每个ajax放到一个Promise对象里面。p1.then放到p2的Promise对象里面执行。then 可以一直往下走,可以有多个。而catch是错误执行的代码,只能有一个,并且放在所有then之后执行。

六、Promise 优缺点

      有了 Promise 对象,就可以将异步操作以同步操作的流程表达出来,避免了层层嵌套的回调函数。此外,Promise 对象提供统一的接口,使得控制异步操作更加容易。

      Promise 也有一些缺点。首先,无法取消 Promise,一旦新建它就会立即执行,中途不能取消。其次,如果不设置回调函数,Promise 内部抛出的错误,不会反应到外部。第三,当处于 Pending 状态时,无法得知目前进展到哪一个阶段(刚刚开始还是即将完成)。



            总结的可能有点乱不是很完整。有好的意见可以交流噢~

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Promise 对象 Promise 的含义 Promise 是异步编程的一种解决方案,比传统的解决方案——回调函...
    neromous阅读 8,735评论 1 56
  • Promise的含义:   Promise是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和...
    呼呼哥阅读 2,202评论 0 16
  • 目录:Promise 的含义基本用法Promise.prototype.then()Promise.prototy...
    BluesCurry阅读 1,503评论 0 8
  • Promise对象是一种解决异步问题的方法,还有的解决方案是asyns 和 await (es7) 这么是目前的终...
    站在大神的肩膀上看世界阅读 1,286评论 0 6
  • Promise含义 Promise是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更强大。所谓Pr...
    oWSQo阅读 1,100评论 0 4