Promise三分钟快速上手!

关于Promise,很多新手都是听说过、没用过。今天用三分钟跟大家一起快速过一遍它的使用方法。

首先说一下它的使用场景

很多时候我们需要等待一段代码执行完成后返回一个变量的值来完成后续的操作,但是一般情况如下:


示例1

很明显,我们等待不到ntrue时就已经打印了n

这里就体现出Promise的强大,那么如何使用,请看下面两张图:


示例2

resolve为决定执行,reject为放弃执行


示例3

可以看到当我们调用resolve时,也就是决定执行时,promise会执行.then的操作,并完成传参。

res接收到的参数也就是true。那么我们再打印n时,n就拿到了我们想要的true

最后是reject,请看下图:


示例4

我们将resolve注释,.then将不会执行,promise会执行.catch操作。

大功告成!!!最后给大家附上实际应用图:


实例

可以看到后面两个请求(更新用户信息与保存用户信息)是需要等待查询用户信息结果返回后,根据情况才能执行。根据所讲的promise用法,可以试着理解上图。

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

推荐阅读更多精彩内容

  • Promise 对象 Promise 的含义 Promise 是异步编程的一种解决方案,比传统的解决方案——回调函...
    neromous阅读 12,777评论 1 56
  • title: promise总结 总结在前 前言 下文类似 Promise#then、Promise#resolv...
    JyLie阅读 14,206评论 1 21
  • 本文适用的读者 本文写给有一定Promise使用经验的人,如果你还没有使用过Promise,这篇文章可能不适合你,...
    HZ充电大喵阅读 12,045评论 6 19
  • 官方中文版原文链接 感谢社区中各位的大力支持,译者再次奉上一点点福利:阿里云产品券,享受所有官网优惠,并抽取幸运大...
    HetfieldJoe阅读 13,749评论 26 95
  • 很多事情,并不是自己不懂,但是为什么会做不到呢,而且有时你会发现并不是自己没有不想去做的想法,而是觉得实施起来有点...
    夜梭静省阅读 3,607评论 0 3