how to create methods in methods in es6 class

Question

Good day,

I dont know if am can explain this well for you to help but i will like to use a an ES6 class to create an object that can be called like this. var = varaibles obj = objects

obj.var
obj.var.method
obj.var.var.method
obj.method.var

and so on.

I can only do one step

obj.var && obj.method

i will kind appreciate if one can help me here thanks

this is what i have done

class Table extends someClass {
  constructor() {
    super();
    this.column = {
      sort: () => {
        console.log("firing");
      },
      resize: () => {
        console.log("firing");
      }
    };

    this.cells = {
      edit: () => {
        console.log("firing");
      }
    };
  }

  myMethods() {
    //BLAH
  }
}

your are saying that let table = new Table() and table.cells.edit() is not working? — zabusa
– zabusa, Commented Dec 16, 2017 at 13:42

Md. Abu Taher · Accepted Answer · 2017-12-16 13:57:42Z

1

From what I understood, here is my solution.

If I return a object full of methods, I can use that object as I like.

class someClass {

  // this is a parent method
  Parent() {
    console.log(`From a Parent`)
  }

  // a getter that returns an object
  get parentWithChild() {
    return {
      child() {
        console.log(`From a Child`)
      }
    }
  }

  // a function that returns an object
  Methods() {
    return {
      child() {
        console.log(`From a Child`)
      }
    }
  }
}

const cool = new someClass();
cool.Parent(); // From a Parent
cool.parentWithChild.child(); // From a Child
cool.Methods().child(); // From a Child

You can use similar pattern on the extended class too.

answered Dec 16, 2017 at 13:57

Md. Abu Taher

19.1k5 gold badges58 silver badges79 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ehigie Paul Over a year ago

Thanks, I didnt know return keyword works like that.

Collectives™ on Stack Overflow

how to create methods in methods in es6 class

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related