实现链式调用

我们都知道使用 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