Concatenating functions in Javascript

Question

I'm currently working in a js-component and i was wondering if there's a better way to concatenate functions in javascript then returning this. I have a sample code working here, and that's how i solved the problem.

function hi(){
  console.log('hi');
  return this;
}
function bye(){
  console.log('bye');
  return this;
}
function Test(){};

Test.prototype.hi = hi;
Test.prototype.bye = bye;

var x = new Test();

x
 .hi() //hi
 .bye(); //bye

I'm pretty sure there isn't any other way, let alone a better one. — Quentin
– Quentin, Commented Oct 9, 2015 at 16:19
Also, you need to quantify "better" if you want an objective answer. Otherwise, this question risks closure as "primarily opinion based". See How to Ask. — Heretic Monkey
– Heretic Monkey, Commented Oct 9, 2015 at 16:25
In order to make method chaining work, you have to return the object that implements the interface you want to chain. And that's this. Not really anything else you can do. — Felix Kling
– Felix Kling, Commented Oct 9, 2015 at 16:27

Jamiec · Accepted Answer · 2015-10-09 16:21:00Z

6

This is a well known pattern called a fluent interface - it can certainly help write code in certain circumstances, but like everything it has a purpose but shouldn't be used for everything.

answered Oct 9, 2015 at 16:21

Jamiec

136k15 gold badges142 silver badges202 bronze badges

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

Collectives™ on Stack Overflow

Concatenating functions in Javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related