![](https://img-blog.csdnimg.cn/a21a0dd77d40460aa2f7f34ed5e596c8.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Promise
以实战为线索,逐步深入Promise开发各个环节,掌握前端常用性能体现优化思路,打造完整前段工作流
彩色之外
vue3-directive-tools、vue3-loading-plug、progress-scroll 滚动进度可视化 作者,CSDN 高质博主之一。
吾山拔地三千尺,凌空耸翠一万年。Three thousand feet above the ground, ten thousand years in the sky.
展开
-
async/await原来这就是语法糖
带大家基本了解了Promise内部的实现原理,而提到Promise,就不得不提一个东西,那就是async/await,async/await是一个很重要的语法糖,他的作用是用同步方式,执行异步操作。那么今天我就带大家一起实现一下async/await吧!!!什么是语法糖?前面说了,async/await是一种语法糖,诶!好多同学就会问,啥是语法糖呢?我个人理解就是语法糖就是一个东西,这个东西你就算不用他,你用其他手段也能达到这个东西同样的效果,但是可能就没有这个东西这么方便了。举个生活.原创 2022-01-06 12:01:10 · 2174 阅读 · 0 评论 -
手写promise class类封装promise
先写class类构造函数,接着实例化对象出来,传入resolve, reject形参,在构造函数中try cactch,验证是否传入的是否是函数,定义默认状态,根据条件变成成功或失败,此时架子已经搭好,但无法异步通讯,定义两个数组,在失败和成功函数中循环它并将其返回出去,为什么是数组?答:因为还有promise.all promise.race 等其他方法,方便封装传值! 感谢阅读到此 <!-- class类封装promise --> <script> .原创 2021-12-16 15:52:42 · 510 阅读 · 0 评论 -
Promise.all 和 Promise.race (怎么使用)
需求:计算两个异步方法,等所有请求都返回在计算他们Promise.all 可以接收多个promise作为参数 当所有的promise都执行结束后会返回结果,使用场景封装请求的时候使用loding加载,当这个请求完毕,另一个请求的loding也结束会形成loding闪烁,<script> //下面一个例子 我需求要这两个异步方法的和,当所有的promise都执行结束后会返回结果 let promise1 = new Promise((resolve, r..原创 2021-12-14 18:11:51 · 236 阅读 · 0 评论 -
Promise手撕axios,(它是咋用原生封装的)
in the race在比赛中;有成功的可能,妙笔生花,相信自己正片开始 //这种是不是很简单,答对了,真是个大聪明,他是基于promise封装过了, axios({ url: 'https://cnodejs.org/api/v1/topics' }).then(res => { console.log(res); }) //这是不是一个函数调用?哈哈,调用里面写了实..原创 2021-12-14 17:12:34 · 344 阅读 · 0 评论 -
Promise一分钟入坑
/ 原型上有catch then //得到实例化对象 它其实就是一个构造函数 let promise = new Promise((resolve, reject) => { }) console.log(promise);得到实例化对象原创 2021-12-14 16:37:03 · 263 阅读 · 0 评论