js中异步ˌ非同步(异步)函数结合承诺的小案例浅析

！DOCTYPE html html lang=' en ' hearta charset=' UTF-8 ' meta name=' viewport ' content=' width=device-width，initial-scale=1.0 ' meta http-equiv=' X-UA-Compatible ' content=' ie=edge ' title document/title style * { margin 3360 0 0；padd : 0；列表样式：无；}.盒子{高： 15px边距-top : 20px；transform : translateX(-100%)；过渡：全一线性；} button { margin-top : 30px；}/style/head dydiv class=' box '/div class=' box '/div class=' box '/div class=' box '/div button id=' BTN '点击开始/button脚本常量框=文档。queryselectorall(' .box')box.forEach((项，索引)={ item。风格。CSS文本=` width : $ { 100 index * 15 } px背景： RGB(${Math.random()*255})，${Math。random()* 255 }、$ { math。random()* 255 })` })BTN。onclick=async函数(){ for(让I=0；ibox . lentigi){ wait fn(box[I])} }函数fn(el){返回新诺言((解析，拒绝)={ El。风格。transform=` translatex(0)`；埃尔。addevent listener(' transitionend '，function(){ resolve()；//为什么调用这个成功函数})})}/脚本/正文/html