Creating a Typescript interface that includes double arrow functions is a great way to define the

Question

Creating a Typescript interface that includes double arrow functions is a great way to define the

How can a typescript interface be written using the double arrow function es6 syntax?

JavaScript Example:

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

TypeScript Example:

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

This interface appears to have an error

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

The error message received is: Parsing error: ';' expected Why does this error occur and what is the correct syntax to use?

typescript ecmascript-6

Answer 1

Answer №1

It appears that the issue lies within your JavaScript code.

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

The syntax used here is not valid in JavaScript. Perhaps you meant to write it like this:

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

The remaining code seems to be compiling correctly on my end:

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;
    }
  }

}

Answer 2

It appears that the issue lies within your JavaScript code.

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

The syntax used here is not valid in JavaScript. Perhaps you meant to write it like this:

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

The remaining code seems to be compiling correctly on my end:

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;
    }
  }

}

Creating a Typescript interface that includes double arrow functions is a great way to define the

Answer №1

Similar questions

The module "jquery" in jspm, jQuery, TypeScript does not have a default export

identify when the React component has reached the bottom of the element by reading the

Struggling to translate JavaScript code into Typescript

Issue with Angular project: View not being updated when using behaviorSubjects

Customize back button functionality in Ionic 2

Typescript error when using fill or justify prop in React-bootstrap with Typescript

The TypeScript error code TS2345 indicates that the argument type 'JQueryXHR' cannot be assigned to the parameter type 'Promise<any>'

Comparing compiling a TypeScript application and running it with Node.js versus running it with ts-node

Utilizing Angular and RxJS: A guide on transforming JSON data into an array of objects within a function that returns an Observable

Utilize the UserService in NestJs to enhance security within the RolesGuard functionality

Using the same selector for Angular 2 components

What methods can I use to construct a 3D bezier spline using pre-defined 2D (xz) segments while maintaining a consistent "descent rate"?

Change the format of the array from the initial array to the new array structure

Tips for iterating over an array that implements either of two interfaces in TypeScript

Steps for displaying a loader after refreshing data using queryClient.invalidateQueries:1. Utilize the query

Innovative approaches to enhancing Feathers services through the use of relational data in design patterns

Why is there empty white space showing in the select option drop down, even though the data is being bound correctly

The return value depends on the type of function argument passed

Issues with the inheritance functionality in styled components are causing errors

How come my push function is not functioning properly on Ionic?