What is the best way to specify the return type of a currying function?

Question

What is the best way to specify the return type of a currying function?

Check out this currying function I've implemented:

export interface NewIdeaCardSubmit {
    title: string,
    description: string,
    categories: CategoryValues
}

const applyInputs = (title: string) =>
                    (description: string) =>
                    (categories: CategoryValues) => {
                       return ({
                           title: title,
                           description: description,
                           categories: categories
                       } as NewIdeaCardSubmit )
                    };

Is there an alternative way to specify the return type of applyInputs function instead of using as?

It would be helpful if we could do it like this:

const applyInputs = (title: string) => (description: string) => (categories: CategoryValues) => NewIdeaCardSubmit

typescript

Answer 1

Answer №1

Is this the solution you seek?

export interface SubmissionForm {
    title: string,
    description: string,
    categories: CategoryValues
}

const processForm = (title: string) =>
                    (description: string) =>
                    (categories: CategoryValues): SubmissionForm  => 
                       ({
                           title: title,
                           description: description,
                           categories: categories
                       })

Answer 2

Is this the solution you seek?

export interface SubmissionForm {
    title: string,
    description: string,
    categories: CategoryValues
}

const processForm = (title: string) =>
                    (description: string) =>
                    (categories: CategoryValues): SubmissionForm  => 
                       ({
                           title: title,
                           description: description,
                           categories: categories
                       })

Answer 3

Answer №2

To start, it's important to establish the function type:

export interface IdeaSubmission {
    title: string,
    content: string,
    tags: number[]
}
type ProcessInput = (title: string) => (content: string) => (tags: number[]) => IdeaSubmission;
const processUserInput: ProcessInput = (title) => (content) => (tags) => ({ title: title, content: content, tags: tags })

Answer 4

To start, it's important to establish the function type:

export interface IdeaSubmission {
    title: string,
    content: string,
    tags: number[]
}
type ProcessInput = (title: string) => (content: string) => (tags: number[]) => IdeaSubmission;
const processUserInput: ProcessInput = (title) => (content) => (tags) => ({ title: title, content: content, tags: tags })

What is the best way to specify the return type of a currying function?

Answer №1

Answer №2

Similar questions

Retrieve the text content of the <ul> <li> elements following a click on them

Is it possible to overlook TypeScript errors when compiling with Angular 2 AoT?

Using a split string to destructure an array with a mix of let and const variables

Using socket.io-client in Angular 4: A Step-by-Step Guide

What distinguishes the ///<reference path="..."/> from an import statement?

Guide for specifying type when passing a component as a prop

Avoiding multiple HTTP requests on various subscribers in RXJS/Angular

Potential 'undefined' object detected in Vuex mutation using TypeScript

A guide on leveraging Jest and Typescript to mock a static field within a class

Issues with Imported Routes Not Functioning as Expected

Can you explain the contrast between the @HostBinding() directive and ElementRef/Renderer in Angular?

Ways to display all current users on a single page within an application

Selecting ion-tabs causes the margin-top of scroll-content to be destroyed

Creating rectangular shapes on the canvas with the help of react hooks

Tips for incorporating the "build" directory into the Travis-CI build process and deployment of an npm module

Transition your Sequelize migrations to TypeORM

Avoid unwanted typeof warnings in TypeScript and WebStorm combination

Ways to incorporate the use of the useAsync hook within a submit function

Angular 6 offers a dynamic auto complete feature that enhances user

If the input matches any of the strings from the web request output, then return true