位置: 编程技术 - 正文

浅析Javascript ES6中的原生Promise

编辑:rootadmin

推荐整理分享浅析Javascript ES6中的原生Promise,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

前言

一个 Promise 对象可以理解为一次将要执行的操作(常常被用于异步操作),使用了 Promise 对象之后可以用一种链式调用的方式来组织代码,让代码更加直观。而且由于 Promise.all 这样的方法存在,可以让同时执行多个操作变得简单。

Promise的兴起,是因为异步方法调用中,往往会出现回调函数一环扣一环的情况。这种情况导致了回调金字塔问题的出现。不仅代码写起来费劲又不美观,而且问题复杂的时候,阅读代码的人也难以理解。

举例如下:

假设有一个数据库保存操作,一次请求需要在三个表中保存三次数据。那么我们的代码就跟上面的代码相似了。这时候假设在第二个db.save出了问题怎么办?基于这个考虑,我们又需要在每一层回调中使用类似try...catch这样的逻辑。这个就是万恶的来源,也是node刚开始广为诟病的一点。

另外一个缺点就是,假设我们的三次保存之间并没有前后依赖关系,我们仍然需要等待前面的函数执行完毕, 才能执行下一步,而无法三个保存并行,之后返回一个三个保存过后需要的结果。(或者说实现起来需要技巧)

不幸的是,在我刚开始接触node的时候,我写了大量这样的hell。

后来因为还是写前端代码多一些,我接触了ES6,发现了一个解决回调深渊的利器Promise。

其实早在ES6的Promise之前,Q,when.js,bluebird等等库早就根据Promise标准(参考Promise/A+)造出了自己的promise轮子。 (看过一篇文章,我觉得很有道理。里面说,不要扩展内置的原生对象。这种做法是不能面向未来的。所以这里有一个提示:使用扩展原生Promise的库时,需要谨慎。)

这里仅讨论原生的Promise。

ES6 Promise

Promise对象状态

在详解Promise之前,先来点理论:

Promise/A+规范, 规定Promise对象是一个有限状态机。

它三个状态:

1、pending(执行中)

2、fulfilled(成功)

3、reject(拒绝)

其中pending为初始状态,fulfilled和rejected为结束状态(结束状态表示promise的生命周期已结束)。

状态转换关系为:

随着状态的转换将触发各种事件(如执行成功事件、执行失败事件等)。

Promise形式

Promise的长相就像这样子:

这里的变量promise是Promise这个对象的实例。

promise对象在创建的时候会执行func函数中的逻辑。

浅析Javascript ES6中的原生Promise

逻辑处理完毕并且没有错误时,resolve这个回调会将值传递到一个特殊的地方。这个特殊的地方在哪呢?就是下面代码中的then,我们使用then中的回调函数来处理resolve后的结果。比如上面的代码中,我们将值简单的输出到控制台。如果有错误,则reject到then的第二个回调函数中,对错误进行处理。

配合上面的有限状态机的理论,我们知道在Promise构造函数中执行回调函数代码时,状态为pending,resolve之后状态为fulfilled,reject之后状态为reject

Promise数据流动

以上是promise的第一次数据流动情况。

比较funny的是,promise的then方法依然能够返回一个Promise对象,这样我们就又能用下一个then来做一样的处理。

第一个then中的两个回调函数决定第一个then返回的是一个什么样的Promise对象。

假设第一个then的第一个回调没有返回一个Promise对象,那么第二个then的调用者还是原来的Promise对象,只不过其resolve的值变成了第一个then中第一个回调函数的返回值。

假设第一个then的第一个回调函数返回了一个Promise对象,那么第二个then的调用者变成了这个新的Promise对象,第二个then等待这个新的Promise对象resolve或者reject之后执行回调。

话虽然饶了一点,但是我自我感觉说的还是很清楚的呢。哈哈~

如果任意地方遇到了错误,则错误之后交给遇到的第一个带第二个回调函数的then的第二个回调函数来处理。可以理解为错误一直向后reject, 直到被处理为止。

另外,Promise对象还有一个方法catch,这个方法接受一个回调函数来处理错误。

即:

假设对错误的处理是相似的,这个方法可以对错误进行集中统一处理。所以其他的then方法就不需要第二个回调啦~

控制并发的Promise

Promise有一个"静态方法"——Promise.all(注意并非是promise.prototype), 这个方法接受一个元素是Promise对象的数组。

这个方法也返回一个Promise对象,如果数组中所有的Promise对象都resolve了,那么这些resolve的值将作为一个数组作为Promise.all这个方法的返回值的(Promise对象)的resolve值,之后可以被then方法处理。如果数组中任意的Promise被reject,那么该reject的值就是Promise.all方法的返回值的reject值.

很op的一点是:

then方法的第一个回调函数接收的resolve值(如上所述,是一个数组)的顺序和Promise.all中参数数组的顺序一致,而不是按时间顺序排序。

还有一个和Promise.all相类似的方法Promise.race,它同样接收一个数组,只不过它只接受第一个被resolve的值。

将其他对象变为Promise对象

Promise.resovle方法,可以将不是Promise对象作为参数,返回一个Promise对象。

有两种情形:

假设传入的参数没有一个.then方法,那么这个返回的Promise对象变成了resolve状态,其resolve的值就是这个对象本身。

假设传入的参数带有一个then方法(称为thenable对象), 那么将这个对象的类型变为Promise,其then方法变成Promise.prototype.then方法。

Promise是解决异步的方案吗?

最后说一点很重要的事:Promise的作用是解决回调金字塔的问题,对于控制异步流程实际上没有起到很大的作用。真正使用Promise对异步流程进行控制,我们还要借助ES6 generator函数。(例如Tj大神的co库的实现)。

然而ES7将有一个更加牛逼的解决方案:async/await,这个方案类似于co,但是加了原生支持。拭目以待吧。

总结

标签: 浅析Javascript ES6中的原生Promise

本文链接地址:https://www.jiuchutong.com/biancheng/373577.html 转载请保留说明!

上一篇:详解Javascript ES6中的箭头函数(Arrow Functions)

下一篇:js前端面试题及答案整理(一)(前端面试题csdn)

  • 增值税发票记账联和抵扣联都丢了怎么办
  • 税务师考试给个税表吗
  • 中国注册税务师协会法律法规库
  • 进项税额和销项税额是什么
  • 建筑业跨区域预缴增值税
  • 资本公积不足冲减是什么意思
  • 注册登记费用属于什么科目
  • 增值税纳税申报表在哪里打印
  • 政府减免税款如何账务处理
  • 建筑企业异地预交税款如何处理
  • 企业自行去税务开具房租发票税款怎么做?
  • 银行手续费要发票什么时候开始的
  • 虚列成本费用的后果
  • 跨月红字发票可以作废吗
  • 代扣款怎么做账
  • 企业已交地税税金如何做账务处理?
  • 印花税没有按时申报怎么办
  • 什么发票可以抵成本
  • 医疗卫生机构可以向其他单位或者个人分发第一类疫苗
  • 框架采购合同如何计贴印花税?
  • 受托加工物资的账务处理例题
  • 违约金条款的特点
  • 电脑每次开机都要选择系统怎么办
  • 苹果客服人工24小时
  • 客户预付的购货款是收入吗
  • 现金结算的范围及内部控制
  • loadprofiles什么意思
  • 竣工工程成本核算
  • 金融资产的条件
  • php中session使用
  • 谷歌浏览器无法安装
  • 面试官问:mysql 的自增 id 用完了,怎么办?
  • PyTorch深度学习实战 | 神经网络的优化难题
  • js框架jquery
  • c++评测
  • 房屋租赁可以开具住宿费发票吗
  • 民营医院发票样式
  • 法院判决后的利息
  • 出售汽车固定资产要交什么税
  • python怎么运行程序
  • centos8 mongodb
  • 收保险公司工伤怎么赔偿
  • 处置固定资产开票 税目
  • 社会团体会费票据查询
  • 购买防暑物资应放到哪个科目
  • mysql8编译安装
  • 运输服务属于生活服务吗
  • 什么是试算平衡表,编制试算平衡表时应注意哪些方面
  • 车间里停止生产怎么办
  • 残疾人个人所得税扣除
  • 固定资产提前报废当月计提折旧吗
  • 股息分红要交多少税
  • 未分配利润是不是净利润的意思
  • 商品损耗率一般是多少
  • 汽车装修费计入哪个科目
  • 待转销项税借方余额是什么意思
  • 个体户要怎么注册公司
  • 建筑工程公司收入来源
  • 预收账款账务处理分录
  • 销售回款率怎么计算,麻烦知道的告诉我,11
  • 建账在哪里完成
  • 承兑汇票被背书人
  • 如何在sql server表中添加数据表格为什么没有显示
  • sqlserver登录日志
  • win8系统怎么创建局域网
  • gcuservice.exe
  • win10预览文件怎么显示内容
  • u深度如何装win7系统
  • linux显示所有内容
  • Cocos2dx3.2 Crazy Tetris update 定时更新 游戏逻辑处理
  • javascript的面向对象
  • Open quote is expected for attribute "name" associated with an element type "item".
  • python字符串处理为年月日
  • 编写shell脚本,批量建立用户
  • 如何用nodejs搭建服务端
  • jquery 异步请求
  • python cookie session
  • 安卓app控件
  • 浙江社保费申报说无有效三方协议信息
  • 非法印制发票的后果
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设