How to write Typescript interface with double arrow functions

Question

What is the syntax to write a typescript interface using double arrow function es6?

Example JS:

const myFunction => (param1) => (param2) => {
...code
}

Example: TS:

const myFunc = (param1: number) => (param2: number) => {
  return param1 + param2
};

this interface is incorrect

interface myInterface {
   myFunc: (param1: number) => (param2: number) => number
}

the error is: Parsing error: ';' expected so why? and what is the correct syntax?

that interface is correct, unless you wanted typescript-play.js.org/#code/… — Shanon Jackson
– Shanon Jackson, Commented Jul 5, 2019 at 2:27
The interface looks correct according to what you provided for Example JS. — Rich
– Rich, Commented Jul 5, 2019 at 4:26
Does this answer your question? What do multiple arrow functions mean in JavaScript? — Michael Freidgeim
– Michael Freidgeim, Commented May 29, 2021 at 13:03

Pace · Accepted Answer · 2019-07-05 05:27:04Z

1

I suspect the error is coming from your Javascript.

const myFunction => (param1) => (param2) => {
...code
}

That is not legal JS. Did you mean:

const myFunction = (param1) => (param2) => {
...code
}

The rest compiles just fine for me:

interface MyInterface {
   myFunc: (param1: number) => (param2: number) => number
}

const Foo: MyInterface = {

  myFunc: (param1: number) => (param2: number) => {
    return param1 + param2
  }

}

class FooClass implements MyInterface {

  myFunc(param1: number) {
    return (param2: number) => {
      return param1 + param2;
    }
  }

}

answered Jul 5, 2019 at 5:27

Pace

44.5k14 gold badges128 silver badges164 bronze badges

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

Collectives™ on Stack Overflow

How to write Typescript interface with double arrow functions

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related