Promise学习

1,回调地狱问题

多层回调函数相互嵌套,就形成了回调地狱,例如多个定时器相互嵌套:

 回调地狱的缺点:

  • 代码的耦合性太强,牵一发而动全身,难以维护
  • 大量冗余代码相互嵌套,代码的可读性变差

那么为了解决这样的屎山代码,ES6提供了什么解决了该问题呢?

 答案是:ES6中新增了Promise的概念。

 接下来讲一下Promise的基本概念。

2,Promise的基本概念

  • Promise是一个构造函数
    • 我们可以创建Promise 的实例const p =new Promise()
    • new 出来的Promise实例对象,代表一个异步操作
  • Promise.prototype上包含一个.then()方法
  • .then()方法用来预先指定成功和失败的回调函数
    • p.then(成功的回调函数,失败的回调函数)
    • p.hen(result=>{},error=>{})
    • 调用.then()方法时,成功的回调是必须选的,失败的回调是可选的
  • 用.catch()方法捕获异常

Promise.all()方法

Promise.all()方法会发起并行的Promise异步操作,等所有的异步操作全部结束后才会执行下一步的.then操作(等待机制)。实例代码

 Promise.race()方法

Promise.all()方法会发起并行的Promise异步操作,只要任何一个异步操作完成,就立即执行下一步的.then操作(赛跑机制)。示例代码如下:

 获取.then的两个实参

通过.then()指定的成功和失败的回调函数,可以在function的形参中进行接收实例代码

 调用resolve和reject回调函数

Promise异步操作的结果,可以调用resolve或reject回调函数进行处理。实例代码如下:

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值