实现链式调用

最新推荐文章于 2024-08-18 15:26:38 发布

放逐的程序猿

最新推荐文章于 2024-08-18 15:26:38 发布

阅读量164

点赞数

文章标签： jquery java 前端

本文链接：https://blog.csdn.net/u010279990/article/details/130326164

版权

文章通过示例解释了如何在JavaScript中实现链式调用，例如使用Test类的add、sub和increment方法。这些方法通过返回this来允许连续调用，例如test.increment().add(3).getValue()返回5，展示了链式调用在处理对象属性时的便利性。

摘要由CSDN通过智能技术生成

我们都知道使用 jQuery 都知道可以使用链式调用,如

$.attr('data-id').css('.add').get('0') ...

在 JavaScript 中实现链式调用,其实主要的就是在一个方法中需要返回当前方法的调用者，这样就能实现链式调用了

  class Test { 
    constructor(value){
      this.value = value
    }
    add(val) { 
      this.value += val
      return this
    }
    sub(val) {
      this.value -= val;
      return this
    }
    increment() {
      this.value++;
      return this
    }
    getValue() {
      return this.value
    }
  }
  const test = new Test(1)
  console.log('[ test ] >', test.increment().add(3).getValue()) // 5 (1++) + 3 = 2 + 3 = 5