JavaScript ES6: Grouping methods in es6 classes?

Question

A few of us are trying to create a JavaScript library to quickly run JSON queries on a RESTful API.

What I'd like to do is group a set of methods relative to their purpose.

For example;

Through the API I am able to get user attributes. Instead of having all of these methods under the main object, I'd like to group them within the API class object.

i.e. Transform this:

myAPI.getUserById()

To This:

myAPI.User.getByID()

myAPI.User.getByName()

We'll use the code below as a simple example. How might I have my User methods nested within a User Object within myAPI Class??

class myAPI {
  constructor(url) {
    this.url = url;

    //Code to connect to instance...

  }

  getUserById(userId){
    // function
  }
}

Solved

class myAPI {
  constructor(url) {
    this.url = url;
    this.UserAPI = new UserClass(this);

    //Code to connect to instance...

  }

  getUserById(userId){
    // function
  }
}

class UserClass {
  constructor(parent){
    this.myAPI = parent;
  }
}

Possible duplicate of [Organize prototype javascript while preserving object reference and inheritance](http://stackoverflow.com/q/15884096/1048572) - no, there's no good way to do this using only one class. — Bergi, Mar 17 '16 at 16:43

Tim · Accepted Answer · 2016-03-17T15:50:39.757

11

You could use composition:

class UserAPI {

    constructor(url) {
        this.url = url;
    }    

    getById() {
    }
}

class API {

    constructor(url) {

        this.url = url;
        this.User = new UserAPI(url);
    }
}

var myAPI = new API();

myAPI.User.getById();

This way, you can separate all kind of groups into classes. You can even discriminate different implementations of API's based on the user's requirements.

edited Mar 17 '16 at 15:50

answered Mar 17 '16 at 15:43

Tim

5,521
8
36
69

1

This is the basis of the service/model pattern used by many applications. – ssube Mar 17 '16 at 15:43
1

Thanks Tim. Never thought of it this way. Exactly what i was looking for. Thank you! – elias91 Mar 17 '16 at 16:34
I have added an example in JSFiddle https://jsfiddle.net/MisterFantastic/0u50f7jy/ – Thanigainathan Mar 17 '16 at 16:35
Confirmed working great in React pared with pure JS modules – NikkieDev Jul 13 '23 at 14:33

JavaScript ES6: Grouping methods in es6 classes?

1 Answers1