JavaScript: implementare la concatenazione dei metodi negli oggetti

jQuery ha reso popolare la concatenazione dei metodi che è in realtà una funzionalità facilmente implementabile in JavaScript.

È sufficiente che i metodi di un oggetto restituiscano this, ossia un riferimento all'oggetto stesso:


'use strict';

class MyClass {
    constructor() {
        this.count = 0;
    }
    one() {
       this.count++;
       console.log(this.count);
       return this; 
    }
    two() {
        this.count++;
        console.log(this.count);
        return this; 
    }
    three() {
        this.count++;
        console.log(this.count);
        return this; 
    }
}

Esempio:


const myClass = new MyClass();
myClass.one().two().three(); // 1 2 3
Torna su