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


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

相关文章

  • promise

    promise是什么 promise是一个对象“承诺将来会执行”的对象在JavaScript中称为Promise对...

  • JavaScript Promise 对象

    一、什么是Promise ECMAscript 6 提供了 Promise 对象。Promise 是异步编程的一个...

  • JavaScript Promise 对象

    Promise 对象有以下两个特点: 1、对象的状态不受外界影响。Promise 对象代表一个异步操作,有三种状态...

  • 【译】怎么写一个JavaScript Promise

    promise是什么? JavaScript promise是一个对象,表示异步任务完成或者失败及其结果值。 完结...

  • ES6 之 Promise

    Promise是JavaScript异步编程中的重要概念,异步抽象处理对象,是目前比较流行Javascript异步...

  • Async/Await 函数用法

    JavaScript编程异步操作解决方案:回调函数 => Promise对象 => Generator函数 => ...

  • Javascript:Promise对象基础

    参考资料本文只记录Promise最基本内容,如果想详细深入了解,请移步下面两个链接JavaScript Promi...

  • JavaScript之Promise对象

    Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和...

  • javascript promise 对象实例

    下面是js简单的一个promise对象实例 运行结果 参考: https://developer.mozilla....

  • Javascript:Promise对象基础

    完整版查看: https://www.jianshu.com/p/82237a7ca6e5 https://seg...

网友评论

      本文标题:JavaScript Promise 对象

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