使用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（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。