Function variable overloading

Question

I have a curried function where I need to overload the returned function signature (simplified example):

const foo = (bar: string) => (tag: string, children?: string[]) => {
const foo = (bar: string) => (tag: string, props: Object, children?: string[]) => {
  // Do something
};

Overloading works great with class methods or function declarations with the function keyword, but I haven't been able to get it to work with curried functions.

Nitzan Tomer · Accepted Answer · 2017-01-24 09:09:32Z

3

You can do this:

type MyCurriedFunction = {
    (tag: string, children?: string[]): void;
    (tag: string, props: Object, children?: string[]): void;
}

const foo = (bar: string): MyCurriedFunction => (tag: string, ...args: any[]) => {
    // do something
}

foo("str")("tag", ["one", "two"]); // fine
foo("str")("tag", {}, ["one", "two"]); // fine
foo("str")("tag", ["one", "two"], {}); // error

(code in playground)

answered Jan 24, 2017 at 9:09

Nitzan Tomer

166k51 gold badges330 silver badges307 bronze badges

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

1 Comment

marvinhagemeister Over a year ago

That is clever!

Collectives™ on Stack Overflow

Function variable overloading

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related