promise解决回调地狱

回调地狱是什么?

众所周知,在JavaScript的世界中,所有代码都是单线程执行的,由于这个“缺陷”,导致JavaScript的所有网络操作,浏览器事件,都必须是异步执行。

我们必须得先了解一下同步请求和异步请求:
同步:提交请求->等待服务器处理->处理完毕返回 这个期间客户端浏览器不能干任何事
异步: 请求通过事件触发->服务器处理(这是浏览器仍然可以作其他事情)->处理完毕

”回调地狱“也叫”回调金字塔“,即函数作为参数层层嵌套请求,比如说你要把一个函数 A 作为回调函数,但是该函数又接受一个函数 B 作为参数,甚至 B 还接受 C 作为参数使用,就这样层层嵌套,人称之为回调地狱,代码阅读性非常差。

Promise是ES6标准新增的一个API,意在解决上述的回调问题,提高程序的可读性、可维护性,被广泛使用。

一,Promise常见实例

promise有三个状态:
1、pending[待定]初始状态
2、fulfilled[实现]操作成功
3、rejected[被否决]操作失败

resolve作用是,将Promise对象的状态从“未完成”变为“成功”(即从 pending 变为 resolved),在异步操作成功时调用,并将异步操作的结果,作为参数传递出去;

reject作用是,将Promise对象的状态从“未完成”变为“失败”(即从 pending 变为 rejected),在异步操作失败时调用,并将异步操作报出的错误,作为参数传递出去。

在这里插入图片描述

二,Promise.all() 批量执行

◆Promise.all([p1,p2,p3, …])用于将多个Promise实例包装成一个新的Promise实例
◆返回的实例就是普通的Promise
◆它接受一个数组作为对象,数组可以是Promise实例也可以是别的值,只有Promise会等待状态改变
◆当所有子Promise都完成,该Promise完成,返回值子Promise返回值的集合
◆有任何一个子Promise失败则该Promise失败,返回值是第一个失败的子Promise的结果

三,Promise.resolve()

作用:返回-个fulfilled的Promise实例,或原始Promise实例。
◆参数为空,返回-个状态为fulfilled 的Promise实例
◆参数是一个跟Promise无关的值,同上,不过fulfuilled响应函数会得到这个参数
◆参数为Promise实例,则返回该实例,不做任何修改
◆参数为thenable,就立即执行他的.then()(thenable就是一个对象里面是名为then的函数)

四,Promise.reject()

作用:和resolve无差,返回一个reject的Promise实例
◆Promise.reject() 不认thenable

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值