千锋教育-做有情怀、有良心、有品质的IT职业教育机构

400-654-7778
当前位置:首页 > 技术交流专区  >  正文

HTML5技术分享 ES2017继发与并发

时间:2017-09-18 17:11:10     来源:杨老师 作者:千锋教育

  大家都知道,async函数的返回值是 Promise 对象,这比 Generator 函数的返回值是 Iterator 对象方便多了。你可以用then方法指定下一步的操作。

  进一步说,async函数完全可以看作多个异步操作,包装成的一个 Promise 对象,而await命令就是内部then命令的语法糖。

  先来看一段代码:

  

千锋技术文档.png

  函数f内部return命令返回的值,会被then方法回调函数接收到。

  

千锋技术文档.png

  只有async函数内部的异步操作执行完,才会执行then方法指定的回调函数,wait后面要给个promise对象,也会返回promise对象。

  

千锋技术文档.png

  需要注意的事:

  (1)await命令后面的Promise对象,运行结果可能是rejected,所以好把await命令放在try...catch代码块中。

  

千锋技术文档.png

  (2)多个await命令后面的异步操作,如果不存在继发关系,好让它们同时触发。

  

千锋技术文档.png

  (3)await命令只能用在async函数之中,如果用在普通函数,就会报错。

  顺序继发异步处理

  先封装一个getData的函数,用来ajax读取数据,并返回promise对象。

  

千锋技术文档.png

  之后我们需要分别依次从多个数据文件里面读取数据,再依次拼装到新对象中。

  

千锋技术文档.png

  有可能数据读取不到,需要处理错误,继而程序不中断。

  

千锋技术文档.png

  或者是用try..catch处理, 有时,我们希望即使前一个异步操作失败,也不要中断后面的异步操作。这时可以将个await放在try...catch结构里面,这样不管这个异步操作是否成功,第二个await都会执行。

  

千锋技术文档.png

  并发异步处理

  继发关系比较耗时,因为只有前一个await完成以后,才会执行后一个await,完全可以让它们同时触发。

  

千锋技术文档.png

  同样有可能数据读取不到,需要处理错误,继而程序不中断。

  

千锋技术文档.png

  ——译自 ECMAScript® 2017 Language Specification

相关文章

  • 北京天丰利校区(总部):北京市海淀区宝盛北里西区28号天丰利商城4层
    北京沙河校区:北京市昌平区沙阳路18号北京科技职业技术广场服务楼2层、南区服务楼2层
    咨询电话:400-654-7778 010-82790226-801
    面授课程:全栈HTML5+培训、UI交互设计培训、PHP培训、JavaEE培训、大数据开发培训、VR/AR混
                     合现实培训、Python培训、Android培训、iOS培训、好程序员
  • 深圳西部硅谷校区:深圳市宝安区宝安大道5010号深圳西部硅谷A区B座605-619
    深圳大学城校区:深圳市南山区留仙大道1201号大学城创客小镇16栋2楼、3楼
    咨询电话:0755-33582485-801(硅谷校区)0755-86660670-801(大学城校区)
    面授课程:全栈HTML5+培训、UI交互设计培训、PHP培训、JavaEE培训、Android培训、iOS培训
  • 上海地址:上海市宝山区同济支路199号智慧七立方3号楼2-4层
    咨询电话:400-627-7899 021-56166283/56166279
    面授课程:全栈HTML5+培训、UI交互设计培训、JavaEE培训、Android课程培训、iOS课程培训、好程序员
  • 郑州地址:郑州市金水区纬五路21号河南教育综合楼(经纬中学楼)7/8层
    咨询电话:0371-55191750 400-654-7778
    面授课程:全栈HTML5+培训、UI交互设计培训、JavaEE培训、Android课程培训、iOS课程培训
  • 广州地址:广州市天河区元岗路310号智汇park创意园E座5层
    咨询电话:020-22119207 400-654-7778
    面授课程:全栈HTML5+培训、JavaEE培训、Android课程培训、iOS课程培训
  • 大连地址:辽宁省大连市甘井子区软件园路2号东软信息B8座2层
    咨询电话:0411-39026086 400-654-7778
    面授课程:全栈HTML5+培训、JavaEE培训、UI交互设计培训、Android课程培训、iOS课程培训
  • 武汉地址:武汉市光谷大道61号智慧园21号楼2层
    咨询电话:027-65523826
    面授课程:全栈HTML5+培训、JavaEE培训、Android课程培训、iOS课程培训
  • 成都地址:成都市武侯区科华北路62号力宝大厦N(北楼)18楼
    咨询电话:028-83178771
    面授课程:全栈HTML5+培训、UI交互设计培训、JavaEE培训、Android课程培训、iOS课程培训
  • 校区地址:西安市雁塔区高新六路52号立人科技C座西区4楼
    咨询电话:029-85260160
    面授课程:全栈HTML5+培训、JavaEE培训、Android课程培训
  • 杭州地址:浙江省杭州市江干区九堡旺田书画城A座4层
    咨询电话:0571-86893632 010-82790226-801
    面授课程:全栈HTML5+培训、JavaEE培训、Android课程培训、iOS课程培训
  • 青岛校区地址:青岛市市南区金坛路17号青岛职业技术南校区实训楼A4层
    咨询电话:0532-80910752/3 010-82790226-801
    面授课程:全栈HTML5+培训、UI交互设计培训、Android课程培训、iOS课程培训
  • 了解千锋动态
    关注千锋教育服务号

  • 扫码匿名提建议
    直达CEO信箱