学会使用asyncawait

　　asyncawait语法介绍和Promise的关系异步本质for。。。of
　　有很多async的面试题，例如async直接返回，是什么？async直接返回promise？await后面不加promise？
　　等等，需要找出一个规律语法介绍
　　用同步的方式，编写异步。functionloadImg（src）｛constpromisenewPromise（（resolve，reject）｛constimgdocument。createElement（img）img。onload（）｛resolve（img）｝img。onerror（）｛reject（newError（图片加载失败｛src｝））｝img。srcsrc｝）returnpromise｝asyncfunctionloadImg1（）｛constsrc1http：www。imooc。comstaticimgindexlogonew。pngconstimg1awaitloadImg（src1）returnimg1｝asyncfunctionloadImg2（）｛constsrc2https：avatars3。githubusercontent。comu9583120constimg2awaitloadImg（src2）returnimg2｝（asyncfunction（）｛注意：await必须放在async函数中，否则会报错try｛加载第一张图片constimg1awaitloadImg1（）console。log（img1）加载第二张图片constimg2awaitloadImg2（）console。log（img2）｝catch（ex）｛console。error（ex）｝｝）（）
　　和Promise的关系
　　async函数返回结果都是Promise对象（如果函数内没返回Promise，则自动封装一下）asyncfunctionfn2（）｛returnnewPromise（（）｛｝）｝console。log（fn2（））asyncfunctionfn1（）｛return100｝console。log（fn1（））相当于Promise。resolve（100）
　　await后面跟Promise对象：会阻断后续代码，等待状态变为resolved，才获取结果并继续执行
　　await后续跟非Promise对象：会直接返回（asyncfunction（）｛constp1newPromise（（）｛｝）awaitp1console。log（p1）不会执行｝）（）（asyncfunction（）｛constp2Promise。resolve（100）constresawaitp2console。log（res）100｝）（）（asyncfunction（）｛constresawait100console。log（res）100｝）（）（asyncfunction（）｛constp3Promise。reject（someerr）constresawaitp3console。log（res）不会执行｝）（）try。。。catch捕获rejected状态（asyncfunction（）｛constp4Promise。reject（someerr）try｛constresawaitp4console。log（res）｝catch（ex）｛console。error（ex）｝｝）（）
　　总结来看：async封装Promiseawait处理Promise成功try。。。catch处理Promise失败
　　异步本质
　　await是同步写法，但本质还是异步调用。asyncfunctionasync1（）｛console。log（async1start）awaitasync2（）console。log（async1end）关键在这一步，它相当于放在callback中，最后执行｝asyncfunctionasync2（）｛console。log（async2）｝console。log（scriptstart）async1（）console。log（scriptend）
　　即，只要遇到了await，后面的代码都相当于放在callback里。
　　for。。。of
　　定时算乘法定时算乘法functionmulti（num）｛returnnewPromise（（resolve）｛setTimeout（（）｛resolve（numnum）｝，1000）｝）｝使用forEach，是1s之后打印出所有结果，即3个值是一起被计算出来的functiontest1（）｛constnums〔1，2，3〕；nums。forEach（asyncx｛constresawaitmulti（x）；console。log（res）；｝）｝test1（）；使用for。。。of，可以让计算挨个串行执行asyncfunctiontest2（）｛constnums〔1，2，3〕；for（letxofnums）｛在for。。。of循环体的内部，遇到await会挨个串行计算constresawaitmulti（x）console。log（res）｝｝test2（）
　　执行async函数执行返回的是Promise对象
　　await相当于Promise的then
　　try。。。catch可捕获异常，代替Promise的catch
　　右上图解读：async返回Promise，await返回then，await后面报错会终止执行，可以用try。。。catch来捕获