使用场景
使用场景使用场景

比如前端需要处理什么队列一类的业务

比如有人下单，需要弹出什么弹窗
比如前端需要处理什么队列一类的业务比如有人下单，需要弹出什么弹窗首先先声明一个类
首先先声明一个类首先先声明一个类接收一个 数组对象：items

class ChainQueue {
constructor(items) {

this.items = items || []

this.maxNum = 200
}
}

class ChainQueue {
constructor(items) {

this.items = items || []

this.maxNum = 200
}
}
为队列添加数组队列
为队列添加数组队列为队列添加数组队列
// 添加数组队列
entryArrQueue(node) {
Array.isArray(node)
node.map(item => this.items.push(item))
}

// 添加数组队列
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)
}
}

// 添加队列
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())
}

deleteQueue(func = () => {}) {
assert(isFunc(func), `${func} is not function`)
func(this.items.shift())
}
返回队列的第一个返回队列的第一个返回队列的第一个
front() {
return this.items[0]
}

front() {
return this.items[0]
}
清除队列
清除队列清除队列
clear() {
this.items = []
}

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())


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())

以上就是本文的全部内容，希望对大家的学习有所帮助。