JavaScript之Promise详解

阅读: 评论:0

JavaScript之Promise详解

JavaScript之Promise详解

感觉之前对Promise的了解很浅,实际开发中也没有应用很多,最近在面试的过程中几乎是必问的问题,算是前端开发中的重点与难点,在b站学习了向军老师的关于Promise的讲解,也自己学习了一下资料,现在来做个总结。

Promise解决的痛点

ES6新增了promise作为异步编程的解决方案,在promise之前,我们使用回调函数来发送异步请求,回调函数的问题是当我们有很多请求,并且下一个请求要依赖上一个请求的结果,这样会导致我们的请求层层嵌套,使得代码非常臃肿,可读性差,容易产生bug导致所谓的回调地狱。

Promise如何处理异步

promise对象有三个状态

  • pendding 初始状态
  • fulfilled 已完成状态
  • rejected 已拒绝状态
    promise对象创建后的状态是pendding状态,之后状态只能从pendding=>fulfilled或pedding=>rejected,状态只能改变一次。
    创建的promise对象的then方法接收两个回调分别是成功的回调函数与失败的回调函数对结果进行操作;
var promise = new Promise((resolve,reject)=>{resolve(123)
}).then(res=>{console.log(res)
},()=>{console.log("失败")
})

API

  • —创建已解决状态的promise对象
  • <

本文发布于:2024-02-05 04:27:24,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/170724125663030.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:详解   JavaScript   Promise
留言与评论(共有 0 条评论)
   
验证码:

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23