美文网首页
Promise三分钟快速上手!

Promise三分钟快速上手!

作者: 地铁站的风 | 来源:发表于2019-01-27 22:32 被阅读0次

关于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快速上手

    概述 回调函数是JavaScript异步编程的根基,但如果我们直接使用传统回调方式去完成复杂的异步流程,就无法避免...

  • Promise三分钟快速上手!

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

  • PromiseKit 附录

    全部文章简介基础部分快速上手Promise 的常见模式常见问题进阶部分故障排除附录API 说明 以下是对 Prom...

  • PromiseKit 的常见模式

    全部文章简介基础部分快速上手Promise 的常见模式常见问题进阶部分故障排除附录API 说明 以下是对 Prom...

  • PromiseKit 常见问题

    全部文章简介基础部分快速上手Promise 的常见模式常见问题进阶部分故障排除附录API 说明 以下是对 Prom...

  • PromiseKit 故障排除

    全部文章简介基础部分快速上手Promise 的常见模式常见问题进阶部分故障排除附录API 说明 以下是对 Prom...

  • PromiseKit 基础部分

    全部文章简介基础部分快速上手Promise 的常见模式常见问题进阶部分故障排除附录API 说明 以下是对 Prom...

  • PromiseKit 简介

    全部文章简介基础部分快速上手Promise 的常见模式常见问题进阶部分故障排除附录API 说明 以下是对 Prom...

  • Promise

    promise是什么? 上手直接console.dir(Promise)出来看看promise到底是什么 咱们di...

  • 快速入门上手JavaScript中的Promise

    当我还是一个小白的时候,我翻了很多关于Promise介绍的文档,我一直没能理解所谓解决异步操作的痛点是什么意思直到...

网友评论

      本文标题:Promise三分钟快速上手!

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