浅析es6中Promise

一、基本概念

       Promise是异步编程的一种解决方案。我们在前端可能会遇到很多异步的情况,比如说ajax、node中的文件读取、网络请求等等。以前我们通过回调函数去解决异步情况。但是,当网络请求非常复杂时,就会出现回调地狱。此时开发人员很难阅读代码。
在这里插入图片描述
       es6中的Promise横向写代码变成了纵向,更加的直观。它采用的原理如下所示
在这里插入图片描述

二、基本使用

       resolvereject它们两个也是函数,通常情况下:

  • 成功:那么通常我们会调用resolve(messsage),这个时候,我们后续的then会被回调
  • 失败:那么通常我们会调用reject(error),这个时候,我们后续的catch会被回调
		new Promise((resolve, reject) => {
			//1、发送异步请求
        }).then((data) => {
            //2、处理异步请求
        }).catch((error) => {
            //3、处理报错
        })

示例如下:
在这里插入图片描述

三、Promise链式调用

       无论是then还是catch都可以返回一个Promise对象,因此我们可以进行如下的链式调用
在这里插入图片描述

四、Promise满足多条件时执行

       promise.all([])其中all中可以存放多个Promise对象,当其中的所有Promise对象都满足条件的时候,才会执行下一步

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值