使用js实现单链解决前端队列问题的方法
作者：starkwang
这篇文章主要介绍了使用js实现单链解决前端队列问题的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
使用场景
- 比如前端需要处理什么队列一类的业务
- 比如有人下单，需要弹出什么弹窗
首先先声明一个类
接收一个 数组对象：items
class ChainQueue {
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} is not function`)
func(this.items.shift())
}
返回队列的第一个
front() {
return this.items[0]
}
清除队列
clear() {
this.items = []
}
所有代码
const isFunc = v => typeof v === 'function'
const assert = (condition, msg) => {
if (!condition) throw new Error(`[dashboard]${msg}`)
}
class ChainQueue {
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} is not function`)
func(this.items.shift())
}
// 返回队列的第一个
front() {
return this.items[0]
}
// 清除队列
clear() {
this.items = []
}
get size() {
return this.items.length
}
get isEmpty() {
return !this.items.length
}
print() {
console.log(this.items.toString())
console.log(this.items)
}
result() {
return this.items
}
}
module.exports = ChainQueue
// export default ChainQueue
// export default (ChainQueue = new ChainQueue())
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。