当前位置: 首页 > Web前端 > HTML5

【JS入门进阶】使用asyncawait的7个技巧,asyncawait新手?背10遍,后面还要考试!收藏

时间:2023-04-05 00:45:22 HTML5

我是公众号线下派对游戏的作者HullQin(欢迎关注公众号,发送加微信,交友),转载本文需作者HullQin授权。我独立开发了《联机桌游合集》,这是一个网页,在这里你可以轻松地和朋友一起玩网络游戏,五子棋等游戏,不收费,也没有广告。还为GameJam2022开发了《Dice Crush》,喜欢的话可以关注我HullQin哦~有空我会分享制作游戏的相关技术。asyncawait用公式async写在函数前面,await写在函数里面。该函数没有异步,它不能等待。函数不执行await,也可以有async。函数没有await,最好去掉async。async函数直接返回await,请扔掉所有asyncawait。调用不等待的异步函数,你就完蛋了。写await然后写then,指定被boss解雇;await和再不混,我们还是好朋友。Case1.Async写在函数之前,await写在函数内部。用函数定义:asyncfunctionf(){awaitfetch('/');}用箭头函数定义:constf=async()=>{awaitfetch('/');};这个函数的逻辑很简单,就是向/地址发送了一个请求,/地址就是当前的域名,即:https://juejin.cn/。理论上会下载掘金首页的html文件。2.函数没有async,一定不能await。如果async不写在函数前面,那么await一定不能写在里面,否则会报错!不信你看:3、函数不执行await,但也可以有async。如果await逻辑可能不会在一个函数中执行,那么这个函数也可以标上async!你能理解2和3的区别吗?不会报错的,不信你看:4.函数没有await,最好去掉async。如果一个函数中没有await调用,那么你完全可以删除async。此时调用函数:awaitf1()可以直接改成f1()。5、async函数直接返回await,请丢弃所有asyncawait。两者最终的效果是一样的,但是扔掉之后少了一层asyncawait,看起来更方便。6.没有等待就调用异步函数,你只是坏了。在没有等待的情况下调用异步函数,你只有Promises。7、写await然后写then,指定被boss解雇;await和再不混,我们还是好朋友。被老板开除的写法:constdata=awaitfetch('https://api.juejin.cn/interact_api/v1/pin_tab_lead?aid=2608&uuid=').then(r=>r.json());安慰。日志(数据);写得好:constres=awaitfetch('https://api.juejin.cn/interact_api/v1/pin_tab_lead?aid=2608&uuid=');constdata=awaitres.json();console.log(data);最后我是公众号线下派对游戏的作者HullQin(欢迎关注公众号,发加微信,交朋友),转载本文需作者HullQin授权。我独立开发了《联机桌游合集》,这是一个网页,在这里你可以轻松地和朋友一起玩网络游戏,五子棋等游戏,不收费,也没有广告。还为GameJam2022开发了《Dice Crush》,喜欢的话可以关注我HullQin哦~有空我会分享制作游戏的相关技术。