How can we create a versatile Action type in typescript that can accommodate varying numbers of arguments and argument types?

Question

How can we create a versatile Action type in typescript that can accommodate varying numbers of arguments and argument types?

When working with Typescript, encountering a duplicate type error can be frustrating. For instance, consider the following code snippet:

export type Action<T> = (arg:T) => void
export type Action<T1,T2> = (arg1:T1, arg2:T2) => void

How can we define a generic Action type similar to .net that allows for a variable number of arguments, each with a different type?

One potential solution I have come across is described below:

export type Action1<T> = (arg:T) => void
export type Action2<T1,T2> = (arg1:T1, arg2:T2) => void

typescript

Answer 1

Answer №1

It's quite common to see this type being represented with a single parameter (typically an array) rather than using multiple parameters.

For example:

type Operation<TArgs extends Array<any>> = (...args: TArgs) => void;

function performTask(a: string, b: number) {
  // ...
}

const operation: Operation<[string, number]> = performTask;

However, it is also not uncommon for developers to simply declare the type explicitly:

const task: (s: string, n: number) => void = performTask;

Rather than using

Operation<[string, number]>

.

Answer 2

It's quite common to see this type being represented with a single parameter (typically an array) rather than using multiple parameters.

For example:

type Operation<TArgs extends Array<any>> = (...args: TArgs) => void;

function performTask(a: string, b: number) {
  // ...
}

const operation: Operation<[string, number]> = performTask;

However, it is also not uncommon for developers to simply declare the type explicitly:

const task: (s: string, n: number) => void = performTask;

Rather than using

Operation<[string, number]>

.

How can we create a versatile Action type in typescript that can accommodate varying numbers of arguments and argument types?

Answer №1

Similar questions

How can I add a new property to an object type within an Interface in TypeScript?

Is it secure to use ES6 in Typescript with nodejs/koa?

Is there a way to make Firebase Cloud Functions utilize ESLint?

Can Ansible and Pulumi be integrated to work together effectively?

Directing non-www to www in Next.js has never been easier

Issue with Ionic Capacitor React & Typescript build process for Firebase Functions

Can you explain the concept of `export as namespace` in a TypeScript definition file?

Expanding IntelliSense and helpful tooltips in VSCode for JavaScript and TypeScript by utilizing Node.js for a deeper understanding

Mastering the art of constraining TypeScript function parameters using interface properties

What is the process for creating a class in TypeScript?

Enforcement of Class Initialization in Typescript 2.7

Mapping Form Fields (with Formik)

Tips for guaranteeing the shortest possible period of operation

The SupabaseAuthClient type does not have a property named 'session' available

"Learn the trick of converting a stream into an array seamlessly with RxJs.toArray function without the need to finish the

What is the best way to obtain an attribute name that is reminiscent of Function.name?

Compile Node.js applications for multiple projects using Grunt

The absence of a template or render function in a Vue.js 3 and Quasar 2 component has resulted in an

Rule of authentication using Firebase Database

Typescript enhances the functionality of the Express Request body