网站首页 > 博客文章 正文
推特上有人发了个”在 7 秒内理解 async/await“ 的视频,地址看(https://twitter.com/manekinekko/status/855824609299636230)
拆分成就是写法的变化:回调函数 -> promise -> async/await
js 天生支持异步,如果你的数据依赖于异步请求,那么需要在它的回调中获取,一旦写的多了,就形成了回调地狱,如下图所示
后来,ES6 出了 promise,promise 的意思是承诺,情景如下:
未婚妻:你一定要回来!
出去打战的士兵:I promise
这样写法上就有个先后顺序,不用再嵌套,而是串联(但换行之后看起来也很清晰)
promise 的问题在于,它的语境还是异步,当 getDate 拿到数据后做事情(then)
人的惯性思维是同步,即写就写了,开心就开心了,怒就怒了,没有说等五秒后再笑
所以 promise 是虽好,但可以再换个写法——async/await
casync/awiat 是绑定在一起的,缺一不可
const a = await getData() 其中的 a 就是请求数据拿到的结果,从理解上更符合人的思维
猜你喜欢
- 2024-11-09 ES6 fetch()方法详解(es6find方法)
- 2024-11-09 ES6新增语法(七)——async...await
- 2024-11-09 手把手一行一行代码教你手写Promise
- 2024-11-09 把 Node.js 中的回调转换为 Promise
- 2024-11-09 BAT前端经典面试问题 es6之promise原理,promise应用场景
- 2024-11-09 ES6 完全使用手册附加案例实战讲解
- 2024-11-09 ES6 的常用新特性(es6特性及使用场景)
- 2024-11-09 Es6基础语法(es6语法重点整理)
- 2024-11-09 「新手向」 Promise课程笔记整理(promise yo)
- 2024-11-09 ES6中的Promise.resolve()到底有何作用呢
你 发表评论:
欢迎- 最近发表
- 标签列表
-
- powershellfor (55)
- messagesource (56)
- aspose.pdf破解版 (56)
- promise.race (63)
- 2019cad序列号和密钥激活码 (62)
- window.performance (66)
- qt删除文件夹 (72)
- mysqlcaching_sha2_password (64)
- ubuntu升级gcc (58)
- nacos启动失败 (64)
- ssh-add (70)
- jwt漏洞 (58)
- macos14下载 (58)
- yarnnode (62)
- abstractqueuedsynchronizer (64)
- source~/.bashrc没有那个文件或目录 (65)
- springboot整合activiti工作流 (70)
- jmeter插件下载 (61)
- 抓包分析 (60)
- idea创建mavenweb项目 (65)
- vue回到顶部 (57)
- qcombobox样式表 (68)
- vue数组concat (56)
- tomcatundertow (58)
- pastemac (61)
本文暂时没有评论,来添加一个吧(●'◡'●)