189 8069 5689
这篇文章主要介绍如何使用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())以上是“如何使用js实现单链解决前端队列问题”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！