美文网首页
JavaScript Promise 对象

JavaScript Promise 对象

作者: Cee_1997 | 来源:发表于2018-12-19 18:57 被阅读0次

    一、什么是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 状态时,无法得知目前进展到哪一个阶段(刚刚开始还是即将完成)。


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

    相关文章

      网友评论

          本文标题:JavaScript Promise 对象

          本文链接:https://www.haomeiwen.com/subject/astskqtx.html