在JavaScript中，是否可以使用与类函数同名的类getter？

Question

I understand that this may be an anti-pattern, but I'm curious how certain JavaScript libraries have the ability to chain JavaScript functions with optional parenthesis... (eg chalk )

An example of this would be...

let test = (new SomeClass()).initiate.parse(1).end;
let test = (new SomeClass()).initiate(1).parse.end;

Is there a way of doing this? I thought about maybe trying to do this with getters but the get initiate() of SomeClass was overridden by the class function initiate() .

Answer 1

No, it is not possible to have a getter and a method with the same name.

You could achieve what you want though. One way is to use a Proxy in your getters to make it so that when a further property is accessed, that property of the original object is accessed instead.

 class SomeClass { get initiate ( ) { console.log( `Accessed initiate` ); return new Proxy( x => { console.log( `Called initiate with arg ${x}` ); this.stored = x; return this; }, { get: (_,prop) => this[prop] } ); } get parse ( ) { console.log( `Accessed parse` ); return new Proxy( x => { console.log( `Called parse with arg ${x}` ); this.stored = x; return this; }, { get: (_,prop) => this[prop] } ); } get end ( ) { return this.stored; } } console.log( (new SomeClass).initiate(2).parse.end ); console.log( (new SomeClass).initiate.parse(3).end ); console.log( (new SomeClass).initiate(5).parse(7).end ); 

Answer 2

I would heavily recommend taking a look at how chai or other assertion libraries do this. For the code, you're looking for, you can look here .

What they do is they define an Assertion class and define methods and properties separately. From there, they use getters as you mentioned to achieve what you are trying to do with properties but they also keep methods separate (see addMethod )

Another question you can look at is How does the expect().to.be.true work in Chai? where the accepted answer has a code example of how to get something very basic working.

I would be conscientious about having methods and properties the same name though. That can confuse a lot of people who are using your class as a consumer.