当前位置: 首页 > news >正文

前端小技巧: 写一个异步程序示例, 使用任务队列替代promise和async/await等语法糖

异步程序设定场景

1 )场景设定

  • 可以使用懒人每做几件事,就要休息一会儿,并且不会影响做事的顺序这种场景来模拟
  • 定义单例名称为: lazyMan
  • 支持 sleep 和 eat 两个方法
  • 支持链式调用

2 ) 调用示例

const lm  = new LazyMan('www')
lm.eat('苹果').eat('香蕉').sleep(5).eat('葡萄')

分析与设计

  • 上述是基于异步实现一个"懒人做事"的调用过程
  • 设计
    • 由于有sleep功能,函数不能直接在调用时触发
    • 初始化一个列表,把函数注册进去
    • 由每个item触发next执行(遇到sleep则异步触发)

代码实现

lazyMan.ts 代码如下

class LazyMan {private name: stringprivate tasks: Function[] = [] // 任务列表constructor(name: string) {this.name = name// 这里必须异步触发const timer = setTimeout(() => {clearTimeout(timer)this.next()})}// 用于执行队列中的下一项任务private next() {const task = this.tasks.shift() // 取出当前 tasks 的第一个任务if (task) task()}// 定义吃的方法eat(food: string) {const task = () => {console.info(`${this.name} eat ${food}`)this.next() // 立刻执行下一个任务}this.tasks.push(task)return this // 链式调用}// 定义睡的方法sleep(seconds: number) {const task = () => {console.info(`${this.name} 开始睡觉`)setTimeout(() => {console.info(`${this.name} 刚刚睡了 ${seconds} s, 正在执行下个任务中 ...`)this.next() // 异步执行}, seconds * 1000)}this.tasks.push(task)return this // 链式调用}
}const lm  = new LazyMan('小王')
lm.eat('苹果').eat('香蕉').sleep(1).eat('葡萄').sleep(2).eat('大米');
  • 这里使用任务队列, 异步触发next
  • 这个示例是替代promise和async/await的一种方法
  • 底层是基于 event loop 机制
http://www.lryc.cn/news/255314.html

相关文章:

  • 【Windows下】Eclipse 尝试 Mapreduce 编程
  • Python---time库
  • unity 自由框选截图(两种方法,亲测有效)
  • 项目代码规范
  • STM32的BKP与RTC简介
  • 11.Java安卓程序设计-基于SSM框架的Android平台健康管理系统的设计与实现
  • jetbrains卡顿(Pycharm等全家桶)终极解决方案,肯定解决!非常肯定!
  • c++的排序算法
  • YOLOv5独家原创改进:SPPF自研创新 | SPPF与感知大内核卷积UniRepLK结合,大kernel+非膨胀卷积提升感受野
  • 【C/PTA —— 15.结构体2(课外实践)】
  • 艾泊宇产品战略:适应新消费时代,产品战略指南以应对市场挑战和提升盈利
  • 使用autodl服务器,两个3090显卡上运行, Yi-34B-Chat-int4模型,并使用vllm优化加速,显存占用42G,速度23 words/s
  • ORACLE数据库实验总集 实验六 SQL 语句应用
  • [FPGA 学习记录] 快速开发的法宝——IP核
  • 每日一题:LeetCode-11.盛水最多的容器
  • 查看电脑cuda版本
  • centos7 docker Mysql8 搭建主从
  • CSS中 设置文字下划线 的几种方法
  • Docker构建自定义镜像
  • C#生成Token字符串
  • 文献速递:多模态影像组学文献分享:生成一种多模态人工智能模型以区分甲状腺良性和恶性滤泡性肿瘤:概念验证研究
  • Docker创建RocketMQ和RocketMQ控制台
  • Python---面向对象其他特性
  • 【Ambari】Python调用Rest API 获取YARN HA状态信息并发送钉钉告警
  • linux之buildroot(3)配置软件包
  • 学会用bash在linux写脚本 (一)
  • Leetcode 2949. Count Beautiful Substrings II
  • 【Python系列】Python函数
  • 自定义TypeHandler 将mysql返回的逗号分隔的String转换到List
  • Spring 高级装配详解