js实现任务(promise任务)队列

本文介绍了如何使用JavaScript实现一个任务队列,该队列遵循先进先出(FIFO)原则,只有当前任务执行完毕后才会开始执行下一个任务。此外,还详细说明了如何创建一个带有延迟和超时功能的任务队列,当任务超时时能够中断并立即开始执行下一个任务,同时保证在设定的延迟时间后执行新的任务。
摘要由CSDN通过智能技术生成

任务队列

队列的特点就是先进先出

先开始的任务执行完后,才能开始执行后续任务
另外任务队列中有任务时是自动执行的。

另外提一点,实现稍微复杂一点功能,全都是闭包!!

设计:new一个队列,返回值是一个function,这个function的入参为为task(类型promise),返回值也是promise

	const queue = new Queue();
	queue(task1).then(data=>console.log(data));
	queue(task2).then(data=>console.log(data));
	//始终都是task1的结果先输出
  1. 实现一个先进先出的普通队列
class Queue {
   
	constructor() {
   
		let waitingQueue = [];
		let isRunning = false;//记录是否有未完成的任务
		function execute(task, resolve, reject) {
   
			task()
				.then((data) => {
   
					resolve(data);
				})
				.catch((e) => {
   
					reject(e);
				})
				.finally(() => {
   
				//等待任务队列中如果有任务,则触发它;否则设置isRunning = false,表示无任务状态
					if (waitingQueue.length) {
   
						const next = waitingQueue.shift();
						execute(next.task, next.resolve, next.reject);
					} else {
   
						isRunning = false;
					}
				});
		}
		return function(task) {
   
			return new Promise((resolve, reject) => {
   
				if (isRunning) {
   
					waitingQueue.push
  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值