【JS】自定义Count类实现链式调用及任务队列

本文介绍了如何利用JavaScript创建一个Count类,该类支持链式调用(加、减、乘、除)并能实现任务队列的优先级执行。在类的方法中,通过维护一个任务队列并动态调整任务执行顺序,确保特定操作(如`now`)能在适当的时候优先执行。此外,还讨论了在构造函数中初始化任务队列和调用执行任务的方法。
摘要由CSDN通过智能技术生成

假设有一个需求,我们需要定义一个计数类 Count,然后实现下面这种链式调用:

Count(10).plus(5)
         .multi(2)
         .minus(10)
         .plusRightnow(6)
         .divi(2)

上面的代码中 plus\minus\multi\divi 分别代表加\减\乘\除,参数就是要操作的数,然后 plusRightnow 的作用就是跳过执行顺序,不论身处什么位置,优先执行。 这个需求该怎么实现呢?

首先通过需求分析,我们可以知道,我们需要定义一个 Count 类,这个类的构造函数需要接收一个参数,作为初始值。然后,这个类有5个方法,上面已经说过了,就不重复了。再然后就是,上面的例子中的链式调用并不是像平时我们所遇到的那样,逐步逐步按顺序调用的,所以 我们需要有一个任务队列taskQueue,这个队列中保存的是方法调用的顺序。然后,开始写代码:

class Count {
   
    constructor(value) {
   
        console.log(`初始值是=>${
     value}`)
        this.baseCount = value // 初始值
        this.taskQueue = [] // 任务队列
    }
    // 加法
    plus(val){
   }
    // 减法
    minus(val){
   }
    // 乘法
    multi(val){
   }
    // 除法
    divi(val){
   }
    // 优先执行的加法
    plusRightNow(val){
   }
}

然后类中的5个方法应该怎么写呢?是像下面这样吗?

plus(val){
   
    this.baseCount += val
    return this
}

很明显并不是的,因为这样的话,函数会直接执行,那么 plusRightNow 就实现不了了,所以的话,我们要在这些方法里面再定义一个函数,然后我们把这个函数放入到任务队列中,最后再取出来执行。所以,我们把代码改成下面这样:

plus(val){
   
    
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值