使用js实现单链解决前端队列问题的方法
使用场景
- 比如前端需要处理什么队列一类的业务
- 比如有人下单,需要弹出什么弹窗
首先先声明一个类
接收一个数组对象:items
classChainQueue{ constructor(items){ this.items=items||[] this.maxNum=200 } }
为队列添加数组队列
//添加数组队列 entryArrQueue(node){ Array.isArray(node) node.map(item=>this.items.push(item)) }
为当前队列添加单个对象
//添加队列 entryQueue(node){ if(this.items.length>this.maxNum){ return } if(Array.isArray(node)){ node.map(item=>this.items.push(item)) }else{ this.items.push(node) } }
删除队列,返回删除的当前的项目
deleteQueue(func=()=>{}){ assert(isFunc(func),`${func}isnotfunction`) func(this.items.shift()) }
返回队列的第一个
front(){ returnthis.items[0] }
清除队列
clear(){ this.items=[] }
所有代码
constisFunc=v=>typeofv==='function' constassert=(condition,msg)=>{ if(!condition)thrownewError(`[dashboard]${msg}`) } classChainQueue{ constructor(items){ this.items=items||[] this.maxNum=200 } //添加数组队列 entryArrQueue(node){ Array.isArray(node) node.map(item=>this.items.push(item)) } //添加队列 entryQueue(node){ if(this.items.length>this.maxNum){ return } if(Array.isArray(node)){ node.map(item=>this.items.push(item)) }else{ this.items.push(node) } } //删除队列,返回删除的当前的项目 deleteQueue(func=()=>{}){ assert(isFunc(func),`${func}isnotfunction`) func(this.items.shift()) } //返回队列的第一个 front(){ returnthis.items[0] } //清除队列 clear(){ this.items=[] } getsize(){ returnthis.items.length } getisEmpty(){ return!this.items.length } print(){ console.log(this.items.toString()) console.log(this.items) } result(){ returnthis.items } } module.exports=ChainQueue //exportdefaultChainQueue //exportdefault(ChainQueue=newChainQueue())
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。